/**
 * style.less
 * 层叠样式表
 gz
 */
@charset "utf-8";


/*网站小图标*/
@font-face {
	font-family: 'iconfont';
	src: url('../fonts/iconfont.eot');
	src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/iconfont.woff2') format('woff2'),
		url('../fonts/iconfont.woff') format('woff'),
		url('../fonts/iconfont.ttf') format('truetype'),
		url('../fonts/iconfont.svg#iconfont') format('svg');
}


/* @font-face {
	font-family: 'CenturyGothic';
	src: url('../fonts/CenturyGothic.eot');
	src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/CenturyGothic.woff2') format('woff2'),
		url('../fonts/CenturyGothic.woff') format('woff'),
		url('../fonts/CenturyGothic.ttf') format('truetype'),
		url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
}
@font-face {
	font-family: 'CenturyGothic-Bold';
	src: url('../fonts/CenturyGothic-Bold.eot');
	src: url('../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),
		url('../fonts/CenturyGothic-Bold.woff') format('woff'),
		url('../fonts/CenturyGothic-Bold.ttf') format('truetype'),
		url('../fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
}
@font-face {
	font-family: 'AvantGardeITCbyBT-Book';
	src: url('../fonts/AvantGardeITCbyBT-Book.eot');
	src: url('../fonts/AvantGardeITCbyBT-Book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvantGardeITCbyBT-Book.woff2') format('woff2'),
		url('../fonts/AvantGardeITCbyBT-Book.woff') format('woff'),
		url('../fonts/AvantGardeITCbyBT-Book.ttf') format('truetype'),
		url('../fonts/AvantGardeITCbyBT-Book.svg#AvantGardeITCbyBT-Book') format('svg');
}


@font-face {
	font-family: 'DINEngschriftStd';
	src: url('../fonts/DINEngschriftStd.otf');
}

@font-face {
	font-family: 'aktiv-grotesk-extended';
	src: url('../fonts/AkzidenzGrotesk-Extended.otf');
} */
/*
	//放大
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
	
	-webkit-transform: scale(1.1);
    -mos-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);	 
	
	//居中
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	
	//旋转
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	
	//一行显示点
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	
	//几行显示点
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	
	//圆点
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	
	//去除select默认样式
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
*/
* {
	margin: 0;
	padding: 0;
}
html{
	overflow-x: hidden;
}
html, body {
    position: relative;
}
body {
	font-family: 'Microsoft YaHei', 'Arial',  'Source Han Sans CN', 'SourceHanSerifCN',  'Helvetica', 'PingFang Regular';
	font-size: 14px;
	color: #333;
	background: #fff;
	line-height: 1!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	overflow-y: hidden;
}
body.fixed {
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
body.searchactive {
	position: fixed;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
li,
ol,
ul {
	list-style: none;
}
input[type=number] {
	-moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}
ul {
	margin: 0;
	padding: 0;
}
button,
input,
textarea {
	resize: none;
	border: none;
	outline: none;
}
img {
	border: 0;
	max-width: 100%;
}
a {
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:hover {
	text-decoration: none;
}
a:hover,
a:link,
a:visited {
	text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6{
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}

.fancybox-slide--iframe .fancybox-content {
	min-width: 733px !important;
	max-width: 80% !important;
	min-height: 500px !important;
	min-height: 92% !important;
	margin: 0;
}
.bdshare-button-style0-16 a, 
.bdshare-button-style0-16 .bds_more{
	padding: 0!important;
	margin: 0!important;
	width: 16px;
	height: 16px;
}

.main {
	float: left;
	width: 100%;
}
.w-100 {
	float: left;
	width: 100%;
	position: relative;
	z-index: 999;
}

.w-1520 {
	width: 1520px;
	margin: 0 auto;
}
@media (max-width: 1600px) {
	.w-1520 {
		width: 100%;
		padding: 0 3%;
	}
}
/*二维码*/
.bd_weixin_popup{
	width: 260px!important;
	height: 310px!important;
}
/*地图多余*/
.BMapLabel{
	display: none;
}
/*视频*/
.fancybox-slide--iframe .fancybox-content {
	min-width: 733px !important;
	max-width: 80% !important;
	min-height: 500px !important;
	min-height: 92% !important;
	margin: 0;
}

.img-box {
	position: relative;

	display: block;
	overflow: hidden;

	height: 0;
	padding-bottom: 100%;
	outline: none;
}
.img-box img {
	position: absolute;
	top: 0;
	left: 0;

	display: block;
	outline: none;
	width: 100%;
	height: 100%;
}
.img-box img[src=''],
.img-box img:not([src]) {
	opacity: 0;
	border: 0;
}
*[data-type='iframe'],
*[data-fancybox],
.slick-slide:focus,
a:link {
	outline: none !important;
}
.fancybox-slide--iframe .fancybox-content {
	min-width: 733px !important;
	max-width: 80% !important;
	min-height: 500px !important;
	min-height: 92% !important;
	margin: 0;
}
@media (max-width: 767px) {
	.fancybox-content{
		position: absolute;
		top: 50%;
		left: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.fancybox-slide--iframe .fancybox-content{
		min-width: auto!important;
		max-width: none!important;
		width: 90%!important;
		margin-left: 5%;
		height: 220px!important;
		min-height: auto!important;
		max-height: none!important;	
	}
}

.header {
	position: fixed;
	z-index: 9993;
	top: 0;
	width: 100%;
	-webkit-transition: all .4s;
	transition: all .4s;
	/* box-shadow: 0 0 1px rgba(0,0,0,0.3); */
	padding: 0 5.2%;
	background: #fff;
}


@media (max-width: 1199px) {
	.header {
		height: 66px;
		padding: 0 3%;
	}
	.w-0100-1{
		padding: 0;
	}
}

.header .logo {
	float: left;
	position: relative;
	margin-top: 26px;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.header .logo img {
	float: left;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.header .logo a {
	display: block;
	height: 100%;
}
.header .logo img {
	display: block;
	width:200px;
	height:60px;
}
.header .logo span{
	display: inline-block;
	font-size: 18px;
	line-height: 36px;
	padding: 0 10px;
	border-radius: 10px;
	color: #3b59a7;
	border: 1px dashed #3b59a7;
	margin-top: 10px;
	margin-left: 24px;
}

@media (max-width: 1440px) {
	.header .logo{
		margin-top: 36px;
	}
	.header.header-in .logo {
	    margin-top: 18px;
	}
	.header .logo span {
	    font-size: 14px;
	    padding: 0 6px;
	    margin-left: 12px;
	}
}
@media (max-width: 1199px) {
	.header .logo {
		margin-top: 15px;
	}
	.header .logo img{
		height: 36px;
	}
}

@media (max-width: 767px) {
	.header {
		height: 66px;
	}
	.header .logo {
	    margin-top: 15px;
	}
	.header.header-in .logo {
	    margin-top: 15px;
	}
	.header .logo span{
		display: none;
	}
	.header .logo img {
		height: 30px;
		width:auto;
	}
}
.header .nav-collapse {
	position: relative;
	z-index: 10;
	display: none;
	float: right;
	width: 40px;
	height: 40px;
	margin-left: 10px;
	padding: 0;
	cursor: pointer;
	background: none;
}
@media (max-width: 1199px) {
	.header .nav-collapse {
		display: block;
		margin-top: 12px;
	}
	.header .nav-collapse.nav-collapse-1 {
		position: absolute;
		z-index: 9999;
		top: 15px;
		right: 20px;
		display: block;
		margin-top: 10px;
		border: none;
	}
	.header .nav-collapse.nav-collapse-1 .btn-line {
		background-color: #fff !important;
	}
}
@media (max-width: 767px) {
	.header .nav-collapse {
		position: absolute;
		top: 10px;
		right: 0;
		margin-top: 0;
		border: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header .nav-collapse.nav-collapse-xs:hover .btn-line {
		background-color: #000;
	}
}
.header .nav-collapse .btn-line {
	position: absolute;
	left: 50%;
	width: 20px;
	height: 2px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #008ed5;
}

.header .nav-collapse .btn-line:nth-child(3),
.header .nav-collapse .btn-line:nth-child(1) {
	position: absolute;
	display: block;
	width: 20px;
	height: 2px;
	content: '';
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	background-color: #008ed5;
}
.header .nav-collapse .btn-line:nth-child(1) {
	top: 35%;
}
.header .nav-collapse .btn-line:nth-child(2) {
	top: 50%;
}
.header .nav-collapse .btn-line:nth-child(3) {
	top: 65%;
}
.header .nav-collapse.active {
	border-color: transparent;
}
.header .nav-collapse.active .btn-line {
	background-color: #fff;
}
.header .nav-collapse.active .btn-line:nth-child(2) {
	-webkit-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transform: translateX(-50px);
	opacity: 0;
}
.header .nav-collapse.active .btn-line:nth-child(1) {
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) rotateZ(45deg);
	-ms-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotateZ(45deg);
}
.header .nav-collapse.active .btn-line:nth-child(3) {
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) rotateZ(-45deg);
	-ms-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotateZ(-45deg);
}
.header .navbg {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	width: 100%;
	height: 50px;

	background-color: rgba(0, 0, 0, .6);
}
@media (min-width: 1200px) {
	.header .nav {
		float: right;
	}
}
@media (max-width: 1199px) {
	.header .nav {
		position: fixed;
		z-index: 9998;
		top: 0;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
		padding: 0 50px;
		-webkit-transition: left .3s;
		transition: left .3s;
		text-align: left;
		text-align: center;
		background: #fafafa;
		background-color: rgba(0, 142, 213, .9);
	}
	.header .nav .tbl {
		display: table;
		width: 100%;
		height: 100%;
	}
	.header .nav .tbl-cell {
		display: table-cell;
		height: 100%;
		vertical-align: middle;
	}
	.header .nav .tbl-cell .i-tel{
		display: block;
		width: 100%;
		text-align: center;
		color: #fff;
	}
}
@media (max-width: 1199px) {
	.header .nav {
		margin-left: 0%;
	}
}
@media (max-width: 767px) {
	.header .nav {
		width: 100%;
		padding: 30px;
	}
}
.header .nav.left-100 {
	left: -100%;
}
.header .nav.left-200 {
	left: -200%;
}
@media (min-width: 1200px) {
	
	.header .nav .nav-list1>li {
		float: left;
		margin-right: 64px;
		position: relative;
	}
	.header .nav .nav-list1>li>a {
		height: 110px;
		border-bottom: 4px solid rgba(0,0,0,0);
		padding-top: 34px;
		font-size: 19px;
		text-align: center;
		position: relative;
		z-index: 2;
		display: inline-block;
		-webkit-transition: all .3s;
		transition: all .3s;
		color: #333;
		border-bottom: 4px solid rgba(0,142,213,0);
	}
	.header .nav .nav-list1>li>a:before {
		position: absolute;
		right: -32px;
		top: 50%;
		font-size: 12px;
		color: #999;
		font-family: arial;
		content: "/";
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.header .nav .nav-list1>li:last-child>a:before {
		display: none;
	}
	.header .nav .nav-list1>li>a,
	.header .nav .nav-list1>li>a {
		
	}
	.header .nav .nav-list1>li>a span,
	.header .nav .nav-list1>li>a span {
		display: block;
		clear: both;
	}
	.header .nav .nav-list1>li:hover>a span:nth-child(1),
	.header .nav .nav-list1>li.active>a span:nth-child(1){
		color: #008ed5;
	}
	.header .nav .nav-list1>li>a span:nth-child(2){
		font-size: 14px;
		color: #999;
		margin-top: 7px;
		font-family: 'AvantGardeITCbyBT-Book';
	}
	
	.header .nav .nav-list1>li:hover>a,
	.header .nav .nav-list1>li.active>a {
		border-bottom-color: #008ed5;
	}
	
	.header .nav .nav-list1 .nav-list2 {
		position: fixed;
		z-index: 50;
		top: 100px;
		left: 0;
		display: none;
		width: 100%;
		padding: 0;
		text-align: center;
		text-align: left;
		background: #fff;
		padding: 20px 10px 20px 10px;
	}
	.header .nav .nav-list1 .nav-list2 .nav-div-1 {
		/* width: 1200px; */
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.header .nav .nav-list1 .nav-list2 li {
		display: inline-block;
		list-style: none;
		width: auto;
		padding: 0 3%;
		position: relative;
		/* border-right: 1px solid #ccc; */
	}
	.header .nav .nav-list1 .nav-list2 li::after{
		position: absolute;
		right: 0;
		top: 50%;
		width: 1px;
		height: 40%;
		margin-top: -20%;
		background: #ccc;
		content: "";
	}
	.header .nav .nav-list1 .nav-list2 li:last-child {
		border-right: none;
	}
	.header .nav .nav-list1 .nav-list2 li:last-child::after{
		display: none;
	}
	.header .nav .nav-list1 .nav-list2 li>a {
		width: 100%;
		font-size: 20px;
		line-height: 45px;
		position: relative;
		z-index: 1;
		display: block;
		padding: 0 0px;
		-webkit-transition: all .2s;
		transition: all .2s;
		text-align: center;
		color: #666;
		padding: 0 0px;
		text-align: center;
	}
	.header .nav .nav-list1 .nav-list2 li>a .pro-text{
		margin-top: 10px;
	}
	.header .nav .nav-list1 .nav-list2 li>a .pro-text .pro-p1{
		line-height: 28px;
		font-size: 18px;
	    color: #5d61aa;	
	}
	.header .nav .nav-list1 .nav-list2 li>a .pro-text .pro-p2{
		line-height: 14px;
		font-size: 12px;
		color: #666;
	}
	.header .nav .nav-list1 .nav-list2 li:last-child>a {
		border-bottom: 0;
	}

	.header .nav .nav-list1 .nav-list2 li>a:hover {
		color: #39a69f;
		background: none;
	}
}
@media (max-width: 1680px) {
	.i-ico{
		margin-left: 0;
	}
	.header .nav .nav-list1>li{
		margin-right: 48px;
	}
	.header .nav .nav-list1>li>a:before{
		right: -24px;
	}
	.header .nav .nav-list1>li:last-child{
		margin-right: 10px;
	}
	
}
@media (max-width: 1440px) {
	.header .nav .nav-list1>li{
		margin-right: 36px;
	}
	.header .nav .nav-list1>li>a:before{
		right: -18px;
	}
	.header .nav .nav-list1>li:last-child{
		margin-right: 5px;
	}
	.header .nav .nav-list1>li>a{
		font-size: 16px;
	}
	.header .nav .nav-list1>li>a span:nth-child(2){
		font-size: 12px;
	}
	
	
}

@media (max-width: 1199px) {
	.header .nav .nav-list1 {
		margin: 20px 0;
		opacity: 0;
	}
	.header .nav .nav-list1>li {
		-webkit-transform: translateY(-25px);
		-ms-transform: translateY(-25px);
		transform: translateY(-25px);
		opacity: 0;
	}
	.header .nav .nav-list1>a {
		font-size: 20px;
		color: #fff;
	}
	.header .nav .nav-list1>li>a span:nth-child(2){
		display: none;
	}
}
@media (max-width: 1199px) {
	.header .nav .nav-list2,
	.header .nav .nav-list3 {
		display: none !important;
	}
	.header .nav .nav-list2 a,
	.header .nav .nav-list3 a {
		font-size: 16px;
		line-height: 2;
		margin-top: 5px;
		color: #fff;
	}
	.header .nav .nav-list1 .nav-list2 li>a:before {
		font-family: 'iconfont' !important;
		margin-right: 6px;
		content: '\e72f';
	}
}
.header .nav .nav-list2 a,
.header .nav .nav-list3 a {
	display: block;
}
@media (max-height: 580px) {
	.header .nav .nav-list2 a,
	.header .nav .nav-list3 a {
		margin-top: 0;
	}
}
.header .nav-2,
.header .nav-3 {
	display: none;
}
@media (max-width: 1199px) {
	.header .nav-2,
	.header .nav-3 {
		position: absolute;
		z-index: 9999;
		top: 0;
		display: block;
		overflow: hidden;
		width: 100%;
		height: 100%;
		padding: 20px;
		-webkit-transition: left .3s;
		transition: left .3s;
		text-align: left;
		text-align: center;

		color: #fff;
		background: #fafafa;
		background-color: rgba(0, 142, 213, .9);
	}
}
.header .nav-2 .nav-top,
.header .nav-3 .nav-top {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.header .nav-2 .nav-top .back-btn:before,
.header .nav-3 .nav-top .back-btn:before {
	font-family: 'iconfont';
	font-size: 26px;
	content: '\e9b5';
}
.header .nav-2 .nav-top h2,
.header .nav-3 .nav-top h2 {
	font-size: 30px;
	margin: 0;
	text-transform: uppercase;
	color: #fff;
}
.header .nav-2 .nav-top h2 a,
.header .nav-3 .nav-top h2 a{
	color: #fff;
}
@media (max-width: 767px) {
	.header .nav .nav-list1>li.pc-none{
		display: none;
	}
	.header .nav .nav-list1>li.pc-block{
		display: block;
	}
	.header .nav-2 .nav-top h2,
	.header .nav-3 .nav-top h2 {
		font-size: 20px;
		width: 100%;
	}
}
.header .nav-2 .nav-top .nav-collapse-2,
.header .nav-3 .nav-top .nav-collapse-2 {
	margin: 0;
}
.header .nav-2 .nav-top .nav-collapse-2 .btn-line,
.header .nav-3 .nav-top .nav-collapse-2 .btn-line {
	background-color: #fff;
}
.header .nav-2 .content,
.header .nav-3 .content {
	overflow: auto;
	height: 80%;
	margin-top: 12%;
}
@media (max-width: 767px) {
	.header .nav-2 .content ul,
	.header .nav-3 .content ul {
		padding: 0 15px;
	}
}
.header .nav-2 .content ul li,
.header .nav-3 .content ul li {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	margin: 25px 0;
	text-align: center;
}
.header .nav-2 .content ul li a,
.header .nav-3 .content ul li a{
	color: #fff;
	font-size: 24px;
}
@media (max-width: 767px) {
	.header .nav-2 .content ul li,
	.header .nav-3 .content ul li {
		margin: 15px 0 0 0;
	}
}
.header .nav-2 .content ul li.more,
.header .nav-3 .content ul li.more {
	position: relative;
}
.header .nav-2 .content ul li.more:after,
.header .nav-3 .content ul li.more:after {
	font-family: 'iconfont' !important;
	font-size: 16px;
	position: absolute;
	top: 50%;
	right: 0;
	content: '\e72f';
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
}
.header .nav-2 .content ul li a,
.header .nav-3 .content ul li a {
	display: block;
}
.header .nav-2 {
	left: 100%;
}
.header .nav-3 {
	left: 200%;
}
.header .nav-3 .content ul li {
	font-size: 19px;
}
.header .fade-out ul {
	text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.header .fade-out ul {
		padding: 0 5%;
	}
}
@media (max-width: 1199px) {
	.header .fade-out ul .pic {
		display: none !important;
	}
}
@media (max-width: 1199px) {
	.header .fade-out ul.nav-list1 {
		opacity: 1;
	}
	.header .fade-out ul.nav-list1 a {
		color: #fff;
	}
	.header .fade-out ul.nav-list1>li {
		position: relative;
		margin: 20px 0;
	}
	.header .fade-out ul.nav-list1>li.act {
		-webkit-transition: all .4s;
		transition: all .4s;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
	.header .fade-out ul.nav-list1>li.more:after {
		font-family: 'iconfont';
		font-size: 18px;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -14px;
		content: '\e72f';
		color: #fff;
	}
	.header .fade-out ul.nav-list1>li>a {
		font-size: 22px;
		height: auto;
		line-height: 2.5;
		display: block;
		text-transform: uppercase;
	}
	.header .fade-out ul.nav-list1 .nav-list2>li>a {
		font-size: 20px;
	}
}

@media (max-width: 1199px) and (max-width: 767px) {
	.header .fade-out ul.nav-list1>li {
		margin: 0;
	}
}
@media (max-width: 1199px) and (max-height: 768px) {
	.header .fade-out ul.nav-list1 .nav-list2>li>a {
		font-size: 18px;
	}
}
@media (max-width: 1199px) and (max-width: 480px) {
	.header .fade-out ul.nav-list1 .nav-list2>li>a {
		font-size: 14px;
	}
}
.header .fade-out ul.nav2-list2 h4 {
	font-size: 20px;
	line-height: 50px;
}
@media (min-width: 1200px) {
	.header.fixed-header{
		height: 74px;
	}
	.header.fixed-header .nav .nav-list1>li>a{
		height: 74px;
	}
	.header.fixed-header .nav .nav-list1>li>a{
		padding-top: 18px;
	}
	.header.fixed-header .logo{
		margin-top: 12px;
	}
	.header.fixed-header .i-ico{
		margin-top: 26px;
	}
}
.header.fixed-header {
	box-shadow: 0 0 5px #bbb;
}
.i-ico{
	float: right;
	margin-top: 42px;
	margin-left: 2.6%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.i-ico-cpzs span{
	display: block;
	float: left;
	margin-left: 4px;
	width: 32px;
	height: 32px;
	background: url(../images/scan.png) center no-repeat;
}
.i-ico-right{
	float: left;
}
.i-ico-right > a{
	float: left;
	width: 24px;
	height: 21px;
	margin-left: 36px;
	position: relative;
}
.i-ico-right > a.email{
	background: url(../images/email.png);
}
.i-ico-right > a::after{
	position: absolute;
	left: -16px;
	top: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 3px;
	height: 3px;
	background: #ccc;
	content: "";
}

.i-ico-right .bdsharebuttonbox{
	float: left;
}
.i-ico-right .bdsharebuttonbox a{
	width: 24px!important;
	height: 21px!important;
	margin: 0!important;
	padding: 0!important;
	position: relative;
}
.i-ico-right .bdsharebuttonbox a.email{
	width: 24px;
	background: url(../images/email.png) no-repeat;
	background-size: 100% 100%;
}
.i-ico-right .bdsharebuttonbox a.bds_weixin{
	background: url(../images/wx.png) no-repeat;
	background-size: 100% 100%;
}

@media (max-width: 1440px) {
	.i-ico-right > a{
		margin-left: 24px;
	}
	.i-ico-right > a::after{
		left: -12px;
	}
}
@media (max-width: 1199px) {
	.i-ico{
		margin-top: 24px;
	}
}
@media (max-width: 767px) {
	.i-ico-right{
		margin-right: 48px;
	}
	.i-ico {
	    margin-top: 22px;
	}
}


/*搜索*/
.header .find {
	float: left;
	width: 24px;
	height: 21px;
	line-height: 21px;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all .4s;
	transition: all .4s;
	border-radius: 100%;
	margin-left: 36px;
	position: relative;
}
.header .find img{
	vertical-align: top;
}
.header .find::after{
	position: absolute;
	left: -16px;
	top: 50%;
	width: 3px;
	height: 3px;
	background: #ccc;
	border-radius: 100%;
	content: "";
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.header.fixed-header.course .find {
	color: #6c6c6c;
	padding-top: 38px;
}

@media (max-width: 1440px) {
	.header .find {
		margin-left: 24px;
	}
	.header .find::after{
		left: -12px;
	}
}
@media (max-width: 1280px) {
	.header .seach-phone .phone {
		font-size: 20px;
		padding-right: 30px;
	}
}
@media (max-width: 1199px) {
	.header .seach-phone {
		background: none;
		height: 66px;
		line-height: 66px;
		margin-right: 7%;
	}
	.header .find {
		
	}
	.header .find img{
		width: 20px;
	}
}
@media (max-width: 767px) {
	.header .find {
		
	}
}
/*搜索弹窗*/
.header .search-box {
	position: fixed;
	z-index: 888;
	top: 100%;
	left: 0;
	display: none;
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin-top: 20px;
	margin-top: 0;
	margin-right: 10px;
	padding: 0 3%;
	background-color: rgba(0, 142, 213, .9);
}
.header .search-box .search {
	line-height: 40px;
	overflow: hidden;
	zoom: 1;
	width: 240px;
	border: 1px solid #dbdbdb;
	border-radius: 40px;
}
.header .search-box .search:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: '';
}
.header .search-box .input-text {
	float: left;
	height: 38px;
	padding-left: 10%;
	background: none;
}
@media (min-width: 768px) {
	.header .search-box .input-text {
		width: 100%;
		padding: 0 50px 0 3%;
	}
}
.header .search-box .input-submit {
	line-height: 36px;
	float: right;
	width: 27px;
	height: 27px;
	-webkit-animation: fadeInLeft 1s 0s ease both;
	animation: fadeInLeft 1s 0s ease both;
	font-size: 24px;
	background: url(../images/search-1.png) no-repeat;
	color: #fff;
}
@media (min-width: 768px) {
	.header .search-box .input-submit {
		position: absolute;
		right: 0;
		bottom: 20px;
	}
}
.header .search-box.search-xs {
	width: 100%;
	margin: 0;
	border-right: 30px solid transparent;
	border-left: 30px solid transparent;
	background: none;
}
@media (min-width: 1200px) {
	.header .search-box.search-xs {
		display: none;
	}
}
@media (max-width: 1199px) {
	.header .search-box.search-xs {
		position: absolute;
		z-index: 0;
		top: auto;
		right: 0;
		bottom: 0;
		bottom: 30px;
		display: inline-block;
		height: 34px;
	}
}
.header .search-box.search-xs.show {
	z-index: 66;
}
.header .search-box.search-xs.show .search {
	left: 0;
}
.header .search-box.search-xs .search {
	position: absolute;
	z-index: 888;
	top: 0;
	left: 120%;
	width: 100%;
	-webkit-transition: left .3s;
	transition: left .3s;
	border-color: #fff;
	background: #fff;
}
@media (max-width: 360px) {
	.header .search-box.search-xs form .input-text {
		width: 74%;
	}
}
@media (max-width: 767px) {
	.header .search-box.search-xs form .input-text {
		padding-left: 5%;
	}
}
.header .search-box.search-xs .input-submit {
	line-height: 34px;
	background: #fff;
}
.header .search-box.search-xs .input-submit:before {
	color: #104384;
}
.header .search-icon {
	position: absolute;
	z-index: 10;
	top: 18px;
	left: 15px;
	display: inline-block;
	display: none;
	cursor: pointer;
}
.header .search-icon:before {
	font-family: 'iconfont' !important;
	font-size: 18px;
	content: '\e660';
	color: #8cc63f;
}
.header .search-lg {
	top: 0;
}
.header .search-lg .logo {
	margin-top: 20px;
	margin-left: 0;
}
.header .search-lg .search {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	width: 90%;
	max-width: 800px;
	margin: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0;
}
.header .search-lg .search p {
	margin-bottom: 50px;
	-webkit-animation: zoomIn 1s 0s ease both;
	animation: zoomIn 1s 0s ease both;
	text-align: center;
	letter-spacing: 2px;
	color: #fff;
}
.header .search-lg .input-text {
	font-size: 16px;
	line-height: 30px;
	width: 80%;
	height: 60px;
	padding: 0 10px;
	padding-bottom: 20px;
	-webkit-animation: zoomIn 1s 0s ease both;
	animation: zoomIn 1s 0s ease both;
	color: #fff;
}
.header .search-lg input::-webkit-input-placeholder,
.header .search-lg textarea::-webkit-input-placeholder {
	color: #fff;
}
.header .search-lg input:-o-placeholder,
.header .search-lg textarea:-o-placeholder {
	color: #fff;
}
.header .search-lg input::-moz-placeholder,
.header .search-lg textarea::-moz-placeholder {
	color: #fff;
}
.header .search-lg input:-ms-input-placeholder,
.header .search-lg textarea:-ms-input-placeholder {
	color: #fff;
}
.header .search-lg input:focus::-webkit-input-placeholder,
.header .search-lg textarea:focus::-webkit-input-placeholder {
	color: #fff;
}
.header .search-lg input:focus::-o-placeholder,
.header .search-lg textarea:focus::-o-placeholder {
	color: #fff;
}
.header .search-lg input:focus::-moz-placeholder,
.header .search-lg textarea:focus::-moz-placeholder {
	color: #fff;
}
.header .search-lg input:focus::-ms-input-placeholder,
.header .search-lg textarea:focus::-ms-input-placeholder {
	color: #fff;
}
.header .search-lg .close-btn {
	position: fixed;
	top: 34px;
	right: 18%;
	cursor: pointer;
}
@media (max-width: 1440px) {
	.header .search-lg .close-btn {
		right: 8%;
	}
}
.header .search-lg .close-btn:before {
	font-size: 20px;
	content: '\2716';
	color: #fff;
}

/*搜索弹窗end*/

/*heart end*/

/*foot*/

/*内页footer*/
.foot{
	float: left;
	width: 100%;
}
.foot-top{
	float: left;
	width: 100%;
	position: relative;
	padding: 90px 5.2%;
	background: url(../images/footer.jpg) no-repeat;
	background-size: cover;
	color: #fff;
}
.foot-top a{
	color: #fff;
}
.foot-top .foot-top-con{
	float: left;
	width: 100%;
	position: relative;
	padding-right: 122px;
}

.foot-top .foot-1{
	float: left;
	width: 31.8%;
	font-size: 15px;
	line-height: 1.8;
	color: #a2b3c1;
}
.foot-top .foot-1 .foot-1p{
	margin-top: 28px;
}
.foot-top .foot-2{
	float: left;
	width: 32.9%;
}
.foot-top .foot-2 .foot-2-tel{
	font-family: 'DINEngschriftStd';
	font-size: 36px;
}
.foot-top .foot-2 .foot-2-tel img{
	vertical-align: middle;
	margin-right: 20px;
	padding-bottom: 6px;
}

.foot-top .foot-2 .foot-2-text{
	font-size: 16px;
	line-height: 1.8;
	margin-top: 24px;
}
.foot-top .foot-2 .foot-2-text p{
	position: relative;
	padding-left: 50px;
}
.foot-top .foot-2 .foot-2-text p span{
	position: absolute;
	left: 0;
	top: 0;
}
.foot-top .foot-3{
	float: left;
	width: 35.3%;
}
.foot-top .foot-3 a{
	float: left;
	margin-right: 78px;
	font-size: 16px;
	line-height: 2.2;
}
.foot-top .foot-3 a:hover{
	opacity: 0.8;
}
.foot-top .foot-4{
	position: absolute;
	right: 0%;
	top: 0px;
	width: 122px;
}

.foot-bot{
	float: left;
	width: 100%;
	background: #13283a;
	padding: 18px 5.2%;
	color: #9da5ad;
}
.foot-bot a{ 
	color: #9da5ad;
}
.foot-bot .foot-botL{
	float: left;
}
.foot-bot .foot-botL a{
	margin-left: 36px;
}
.foot-bot .backtop{
	float: right;
	padding-left: 32px;
	background: url(../images/up.png) left no-repeat;
}



@media (max-width: 1440px) {
	.foot-top .foot-1 .foot-1p {
	    margin-top: 20px;
	}
	.foot-top .foot-2 .foot-2-tel {
	    font-size: 30px;
	}
	.foot-top .foot-2 .foot-2-text {
	    font-size: 14px;
	    margin-top: 20px;
	}
	.foot-top .foot-3 a {
	    margin-right: 60px;
	    font-size: 14px;
	}
}

@media (max-width: 1199px) {
	.foot-top {
		padding: 40px 3%;
	}
	.foot-top .foot-1{
		width: 50%;
	}
	.foot-top .foot-2{
		width: 50%;
	}
	.foot-top .foot-3{
		width: 100%;
		margin-top: 15px;
	}
	.foot-top .foot-1{
		font-size: 14px;
	}
	.foot-bot {
	    padding: 18px 3%;
	}
	.foot-bot .foot-botL a {
	    margin-left: 24px;
	}
}
@media (max-width: 991px) {
	.foot-top {
	    padding: 30px 3%;
	}
	.foot-top .foot-1,
	.foot-top .foot-2,
	.foot-top .foot-3{
		width: 100%;
	}
	.foot-top .foot-2{
		margin-top: 20px;
	}
	.foot-top .foot-2 .foot-2-text{
		margin-top: 0;
	}
	.foot-top .foot-3 a{
		margin-right: 30px;
	}
	.foot-bot .foot-botL{
		font-size: 13px;
	}
	.foot-bot .foot-botL a {
	    margin-left: 12px;
	}
}

@media (max-width: 767px) {
	.foot-top .foot-top-con{
		padding-right: 0;
	}
	.foot-top .foot-4{
		position: relative;
		right: auto;
		top: auto;
		float: left;
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}
	.foot-top .foot-3 a{
		width: 25%;
		text-align: center;
		margin-right: 0;
	}
	.foot-bot {
	    padding: 12px 3%;
	}
	.foot-bot .backtop{
		display: none;
	}
	.foot-bot .foot-botL{
		width: 100%;
		line-height: 1.4;
		text-align: center;
	}
	.foot-bot .foot-botL a{
		display: block;
		width: 100%;
	}
	
	.foot{
		padding-bottom: 50px;
	}

}

/*底部*/
.foot-tel{
	display: none;
}
@media (max-width: 767px) {
	.foot-tel{
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		background: #13283a;
		background: #008ed5;
		width: 100%;
		z-index: 999;
	}	
	.foot-tel a{
		display: block;
		float: left;
		width: 33.3333%;
		line-height: 50px;
		color: #fff;
		border-right: 1px solid #fff;
		text-align: center;
	}
}	


/**
 * page
 */
.page {
	float: left;
	width: 100%;
	clear: both;
	overflow: hidden;
	margin-top: 76px;
	text-align: center;
	font-family: 'centurygothic';
}
.page a {
	font-size: 24px;
	line-height: 58px;
	display: inline-block;
	overflow: hidden;
	/* padding: 0 14px; */
	width: 60px;
	height: 60px;
	margin: 0 5px;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	background: #ccc;
	border: 1px solid #ccc;
}
.page a.prev {
	/* background: #fff url("../images/left.png") center no-repeat; */
}
.page a.next {
	/* background: #fff url("../images/right.png") center no-repeat; */
}
/* 
.page a.prev:hover {
	background: #029c6a url("../images/page-bg-l-on.png") center no-repeat;
}

.page a.next:hover {
	background: #029c6a url("../images/page-bg-r-on.png") center no-repeat;
} */
@media (max-width: 1440px) {
	.page{
		margin-top: 60px;
	}
}
@media (max-width: 1199px) {
	.page{
		margin-top: 40px;
	}
	.page a {
		margin: 0 6px;
		height: 54px;
		line-height: 54px;
		width: 54px;
	}
}
@media (max-width: 991px) {
	.page{
		margin-top: 30px;
	}
	.page a {
		height: 40px;
		line-height: 40px;
		width: 40px;
	}
}

@media (max-width: 767px) {
	.page {
		margin-top: 30px;
	}
	.page a.prev {
		background-size: 7px auto;
	}
	.page a.next {
		background-size: 7px auto;
	}	
	.page a {
		height: 40px;
		line-height: 40px;
		width: 40px;
		margin: 0 2px;
	}
}
.page a.omit:hover {
	color: #fff;
	/* background-color: #eee; */
}

.page a.prev {
	
}
.page a.prev:after {
	/*font-family: 'iconfont' !important;*/
	/*content: '\e601';*/
}

.page a.next {
	
}
.page a.next:before {
	/*font-family: 'iconfont' !important;*/
	/*content: '\e827';*/
}
.page a.active,
.page a:hover {
	background-color: #008ed5;
	border: 1px solid #008ed5;
	color: #fff;
}
.page.page1 a.active,
.page.page1 a:hover {
	background-color: #008ed5;
	border: 1px solid #008ed5;
}
@media (max-width: 1024px) {
	.page a {
		font-size: 14px;
	}
	.page a.prev,
	.page a.next {
		margin: 0 5px;
	}
	.page a:prev {
		background-size: 7px auto;
	}
	.page a:next {
		background-size: 7px auto;
	}
	
	.i-use-con ul li{
		float: left;
		width: 32.9%;
		margin-right: 0.65%;
		margin-top: 10px;
		position: relative;
		overflow: hidden;
	}
	.i-use-con ul li::after{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(34,62,85,0.4);
		content: "";
		z-index: 1;
	}
	.i-use-con ul li:nth-child(3n){
		margin-right: 0;
	}
	.i-use-con ul li a > img{
		-webkit-transition: all 0.4s ease-out 0s;
		-moz-transition: all 0.4s ease-out 0s; 
		-o-transition: all 0.4s ease-out 0s; 
		transition: all 0.4s ease-out 0s;
	}
	.i-use-con ul li:hover::after {
		background:none;
	}
	.i-use-con ul li:hover a > img{
		-webkit-transform: scale(1.1);
		-mos-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	.i-use-con ul li .i-use-text{
		position: absolute;
		left: 0;
		bottom: 30px;
		width: 100%;
		padding: 0 7.6%;
		color: #fff;
		z-index: 2;
	}
	.i-use-con ul li .i-use-text .i-use-t{
		font-family: 'DINEngschriftStd';
		font-size: 42px;
	}
	.i-use-con ul li .i-use-text .i-use-d{
		font-size: 20px;
		margin-top: 10px;
		padding-bottom: 18px;
		position: relative;
	}
	.i-use-con ul li .i-use-text .i-use-d::after{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 28px;
		height: 4px;
		background: #fff;
		content: "";
	}
	.i-news{
		float: left;
		width: 100%;
		padding: 80px 0 110px 0;
	}
	.i-news-con{
		float: left;
		width: 100%;
		margin-top: 60px;
		margin-bottom: 45px;
	}
	.i-news-con .i-newsL{
		float: left;
		width: 50%;
	}
	.i-news-con .i-newsL ul{
		float: left;
		width: 100%;
	}
	.i-news-con .i-newsL ul li{
		float: left;
		width: 100%;
		background: #fff;
		padding-left: 105px;
		height: 105px;
		position: relative;
	}
	.i-news-con .i-newsL ul li .i-newsL-time{
		font-family: 'CenturyGothic';
		position: absolute;
		left: 0;
		width: 105px;
		height: 105px;
		padding-top: 20px;
		text-align: center;
		color: #fff;
		background: #008ed5;
	}
	.i-news-con .i-newsL ul li .i-newsL-time .i-newsL-day{
		font-size: 48px;
		font-weight: bold;
	}
	.i-news-con .i-newsL ul li .i-newsL-time .i-newsL-year{
		font-size: 16px;
	}
	.i-news-con .i-newsL ul li .i-newsL-p{
		float: left;
		width: 100%;
		padding: 0 3.6%;
		line-height: 105px;
		font-size: 24px;
		color: #223e55;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.i-news-con .i-newsL ul li:hover .i-newsL-p{
		color: #008ed5;
	}
	.i-newsR{
		float: left;
		width: 50%;
		padding-left: 6.5%;
	}
	.i-newsR ul{
		float: left;
		width: 100%;
	}
	.i-newsR ul li{
		float: left;
		width: 100%;
		font-size: 18px;
		line-height: 52px;
		padding: 0 100px 0 24px;
		border-bottom: 1px dashed #ccc;
		position: relative;
		
	}
	.i-newsR ul li::after{
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 5px;
		height: 5px;
		background: #008ed5;
		content: "";
	}
	.i-newsR ul li a{
		display: block;
		width: 96%;
		height: 52px;
		color: #333;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.i-newsR ul li span{
		position: absolute;
		top: 0;
		right: 0;
		color: #008ed5;
	}
	.i-newsR ul li:hover a{
		color: #008ed5;
	}
	.btn-link{
		float: left;
		width: 100%;
		text-align: center;
	}
	.btn-link a{
		font-family: 'CenturyGothic';
		display: inline-block;
		height: 70px;
		line-height: 70px;
		border-radius: 35px;
		padding: 0 42px;
		font-size: 24px;
		color: #fff;
		background: #008ed5;
	}
	.btn-link a:hover{
		opacity: 0.9;
	}
	
}
.title{
	float: left;
	width: 100%;
	text-align: center;
}
.title .title-e{
	float: left;
	width: 100%;
	font-size: 36px;
	line-height: 1;
	text-transform: uppercase;
	color: #223e55;
}
.title .title-c{
	float: left;
	width: 100%;
	font-size: 28px;
	padding-bottom: 30px;
	margin-top: 12px;
	position: relative;
	line-height: 1;
	color: #999;
	font-weight: bold;
}
.title .title-c::after{
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 50px;
	height: 6px;
	background: #008ed5;
	content: "";
}
@media (max-width: 1440px) {
	.title .title-e{
		font-size: 28px;
	}
	.title .title-c{
		font-size: 20px;
		padding-bottom: 20px;
		margin-top: 8px;
	}
	.title .title-c::after{
		width: 48px;
		height: 4px;
	}	
}
@media (max-width: 767px) {
	.title .title-e{
		font-size: 22px;
	}
	.title .title-c{
		font-size: 18px;
		padding-bottom: 10px;
		margin-top: 8px;
	}
	.title .title-c::after{
		width: 36px;
		height: 3px;
	}	
}

/*banner*/
.banner {
	font-size: 0;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-top: 110px;
}
.banner .slick-arrow {
	width: 39px;
	height: 70px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9;
	padding: 0;
	cursor: pointer;
	opacity: 1;
	background-size: 100% 100%!important;
}
.banner .slick-arrow.slick-prev{
	left:3.6%;
	background: url(../images/left.png) center no-repeat;
}
.banner .slick-arrow.slick-next{
	right: 3.6%;
	background: url(../images/right.png) center no-repeat;
}
.banner img {
	display: block;
	width: 100%;
}
.banner .img-box {
	padding-bottom: 42.70833333333333%;
}
.banner .img-box.pc{
	display: block;
}
.banner .img-box.phone{
	display: none;
}
.banner .slick-slide.slick-current.slick-active .img-box{
	width: 100%;
}
.banner .slick-dots{
    position: absolute;
	bottom: 72px;
	width: 100%;
	text-align: center;
}
.banner .slick-dots li{
	display: inline-block;
	position: relative;
	width: 22px;
	height: 22px;
	margin: 0 5px;
	border-radius: 100%;
	border: 1px dashed rgba(0,0,0,0);
}
.banner .slick-dots li.slick-active{
	border: 1px dashed rgba(255,255,255,1);
}
.banner .slick-dots li button{
    position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 11px;
	height: 11px;
	background: #fff;
	border-radius: 100%;
}
.banner .text {
	font-family: 'CenturyGothic';
	top: 50%;
	left: 0%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	width: 100%;
	z-index: 9999999;
	color: #fff;
}
.banner .text h1,
.banner .text h2,
.banner .text h3,
.banner .text h4{
	width: 51%;
}
.banner .text h1 span{
	display: inline-block;
	vertical-align: top;
	line-height: 46px;
	padding: 0 20px;
	font-size: 20px;
	border-radius: 10px;
	border: 1px dashed #fff;
}
.banner .text h2{
	font-size: 32px;
	margin-top: 30px;
}
.banner .text h2 span{
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 5px;
	font-family: 'DINEngschriftStd';
	font-size: 42px;
	text-transform: uppercase;
}
.banner .text h3{
	margin-top: 30px;
	font-size: 18px;
	line-height: 1.8;
}
.banner .text h4{
	margin-top: 50px;
}
.banner .text h4 a{
	display: inline-block;
	color: #fff;
	width: 183px;
	height: 45px;
	line-height: 45px;
}
.banner .text h4 a span{
	display: block;
	float: left;
	margin-right: 18px;
	width: 45px;
	height: 45px;
	background: #fff;
	border-radius: 100%;
}
.banner .text h4 a.play span{
	background:#fff url(../images/play-1.png) no-repeat;
	background-size: 100% 100%!important;
}
.banner .text h4 a.more span{
	background:#fff url(../images/more-1.png) no-repeat;
	background-size: 100% 100%!important;
}
.banner .text h4 a:hover{
	color: #008ed5;
}
.banner .text h4 .iframe {
	display: none;
	width: 100% !important;
	height: 100% !important;
}
.banner .text.text-2 h1,
.banner .text.text-2 h2,
.banner .text.text-2 h3,
.banner .text.text-2 h4{
	float: right;
	text-align: right;
}
.banner .text.text-2 h2{
	margin-top: 10px;
}
.banner .text.text-2 h2 span{
	font-size: 64px;
}
.banner .text.text-2 h3{
	font-size: 22px;
	line-height: 1.8;
	margin-top: 15px;
}
.banner .text.text-2 h4 a{
	width: auto;
}
.banner .text.text-3 h1,
.banner .text.text-3 h2,
.banner .text.text-3 h3,
.banner .text.text-3 h4{
	float: right;
	text-align: right;
}
.banner .text.text-3 h2 span{
	font-size: 48px;
	line-height: 1.4;
	font-family: "arial black";
}
.banner .text.text-3 h3{
	font-size: 24px;
	margin-top: 0;
}
.banner .text.text-3 h4 a{
	width: auto;
}
.banner .slick-current .text h1, 
.banner .slick-current .text h2, 
.banner .slick-current .text h3, 
.banner .slick-current .text h4{
    animation: fadeInUp 1s 0s ease both;
}


@media (max-width: 1440px) {
	.banner .slick-dots{
		bottom: 36px;
	}
	.banner .text h1 span{
		line-height: 36px;
		padding: 0 18px;
		font-size: 16px;
	}
	.banner .text h2 {
	    font-size: 24px;
	    margin-top: 15px;
	}
	.banner .text h2 span {
	    padding-bottom: 5px;
	    font-size: 30px;
	}
	.banner .text h3 {
	    margin-top: 15px;
	    font-size: 16px;
	}
	.banner .text h4 {
	    margin-top: 20px;
		font-size: 16px;
	}
	.banner .text h4 a {
	    width: 148px;
	    height: 40px;
	    line-height: 40px;
	}
	.banner .text h4 a span {
	    margin-right: 10px;
	    width: 40px;
	    height: 40px;
	}
	
	.banner .text.text-2 h2 span {
	    font-size: 40px;
		padding-bottom: 0;
	}
	.banner .text.text-2 h3 {
	    font-size: 18px;
	    margin-top: 15px;
	}
	.banner .text.text-3 h2 span {
	    font-size: 30px;
	    line-height: 1.4;
	}
	.banner .text.text-3 h3{
		font-size: 20px;
	}
}



@media (max-width: 1199px) {
	.banner{
		margin-top: 66px;
	}
}
@media (max-width: 991px) {
	.banner{
		
	}
	.banner .text{
		/* display: none; */
	}
	/* .banner .img-box{
		padding-bottom: 83.33333333%;
	} */
	.banner .img-box.pc{
		display: none;
	}
	.banner .img-box.phone{
		display: block;
	}
	.banner .text h1, 
	.banner .text h2, 
	.banner .text h3, 
	.banner .text h4{
		width: 100%;
	}
	.banner .text h2 {
	    font-size: 18px;
	    margin-top: 10px;
	}
	.banner .text h2 span{
		font-size: 24px;
	}
	.banner .text h3 {
	    margin-top: 10px;
	    font-size: 14px;
	}
	.banner .text.text-2 h2 span{
		font-size: 30px;
	}
	.banner .text.text-2 h3 {
	    font-size: 16px;
	    margin-top: 10px;
	}
	.banner .text.text-3 h2 span {
	    font-size: 24px;
	}
	.banner .text.text-3 h3 {
	    font-size: 18px;
	}
}
@media (max-width: 767px) {
	.banner{
		margin-top: 66px;
	}
	.banner .text h1 span {
	    line-height: 30px;
	    padding: 0 14px;
	    font-size: 14px;
	}
	.banner .text h2{
		margin-top: 0;
		font-size: 16px;
	}
	.banner .text h3{
		margin-top: 0;
		line-height: 1.4;
	}
	.banner .text h4 {
	    margin-top: 10px;
	    font-size: 14px;
	}
	.banner .text h4 a {
	    width: 120px;
	    height: 32px;
	    line-height: 32px;
	}
	.banner .text h4 a span {
	    margin-right: 8px;
	    width: 32px;
	    height: 32px;
	}
	.banner .text.text-2 h2 {
	    margin-top: 0px;
	}
	.banner .text.text-2 h2 span {
	    font-size: 24px;
	}
	.banner .text.text-2 h3 {
	    font-size: 14px;
	    margin-top: 0px;
		line-height: 1.4;
	}
	.banner .text.text-3 h2 span {
	    font-size: 18px;
	}
	.banner .text.text-3 h3 {
	    font-size: 14px;
	}
	.banner .slick-dots {
	    bottom: 12px;
	}
	.banner .slick-dots li {
	    width: 18px;
	    height: 18px;
	    margin: 0 3px;
	}
	.banner .slick-dots li button{
		width: 8px;
		height: 8px;
	}
}

.banner.banner-in .img-box {
	padding-bottom: 0;
	height: auto;
}
.banner.banner-in .img-box img{
	position: relative;
	left: auto;
	top: auto;
	max-height:554px;
}
.banner.banner-in .text{
	top: auto;
	bottom: 0;
	-webkit-transform: translateY(-0%);
	-ms-transform: translateY(-0%);
	-moz-transform: translateY(-0%);
	transform: translateY(-0%);
	background: url(../images/about/ban-bg.png) no-repeat;
}
.banner.banner-in .text .banner-title{
	font-size: 48px;
	height: 140px;
	line-height: 140px;
}
.banner.banner-in .text .banner-title span{
	font-family: 'CenturyGothic';
	font-size: 30px;
	margin-left: 22px;
	text-transform: uppercase;
}



.wrap-sidenav{
	height: 73px;
	border-bottom: 1px solid #ccc;
}
.wrap-sidenav .sidenav{
    position: relative;
}
.wrap-sidenav .sidenav ul{
    font-size: 0;
    position: relative;
    position: absolute;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
	text-align: left;
}
.wrap-sidenav .sidenav ul li{
    display: inline-block;
	border-left: 1px solid #ccc;
}
.wrap-sidenav .sidenav ul li:last-child{
	border-right: 1px solid #ccc;
}
.wrap-sidenav .sidenav ul li a{
    font-size: 18px;
	color: #223e55;
    line-height: 68px;
    position: relative;
    display: block;
    height: 72px;
    padding: 0 55px 0 55px;
    padding: 0 52px 0 52px;
	border-bottom: 6px solid rgba(0,0,0,0);
	/* font-weight: bold; */
}
.wrap-sidenav .sidenav ul li a img{
	vertical-align: middle;
	padding-bottom: 3px;
	margin-right: 0px;
	max-width: none;
}
.wrap-sidenav .sidenav ul li a .block{
	display: inline-block!important;
	padding-bottom: 3px;
}
.wrap-sidenav .sidenav ul li a .hover{
	display: none!important;
	margin-right: 6px;
}

.wrap-sidenav .sidenav ul li.active a,
.wrap-sidenav .sidenav ul li:hover a{
	border-color: #008ed5;
}
.wrap-sidenav .sidenav ul li.active a .block,
.wrap-sidenav .sidenav ul li:hover a .block
{
    display: none!important;
}
.wrap-sidenav .sidenav ul li.active a .hover,
.wrap-sidenav .sidenav ul li:hover a .hover
{
	display: inline-block!important;
	padding-bottom: 3px;
}

.fixed-nav{
	position: fixed;
	width: 100%;
	top: 70px;
	background: #fff;
	z-index: 9992;
}

.wrap-sidenav.case-sidenav{
	float: left;
	width: 100%;
	height: 120px;
}
.wrap-sidenav.case-sidenav .sidenav ul li a, 
.wrap-sidenav.case-sidenav .sidenav ul li a{
	height: 120px;
	line-height: 118px;
}
.wrap-sidenav.case-sidenav .sidenav ul li.active a, 
.wrap-sidenav.case-sidenav .sidenav ul li:hover a{
	background: #008ed5;
	color: #fff;
}
@media (max-width: 1440px){
	.wrap-sidenav.case-sidenav{
		height: 100px;
	}
	.wrap-sidenav.case-sidenav .sidenav ul li a, 
	.wrap-sidenav.case-sidenav .sidenav ul li a{
		height: 100px;
		line-height: 98px;
	}
	.wrap-sidenav .sidenav ul li a {
	    padding: 0 36px 0 36px;
	}
}
@media (max-width: 1199px){
	.wrap-sidenav.case-sidenav{
		height: 80px;
	}
	.wrap-sidenav.case-sidenav .sidenav ul li a, 
	.wrap-sidenav.case-sidenav .sidenav ul li a{
		height: 80px;
		line-height: 78px;
	}
    .wrap-sidenav .sidenav ul li:hover a:before
    {
        display: none;
    }
}
@media (max-width: 991px){
	.fixed-nav{
		top: 66px;
	}
	.wrap-sidenav .up {
	    padding-right: 24px;
	    line-height: 50px;
	    font-size: 14px;
	}
	.wrap-sidenav.fixed-nav .up{
		line-height: 40px;
	}
	
	.wrap-sidenav{
	    height: 50px;
	}
    .wrap-sidenav .sidenav ul li a{
		height: 50px;
		line-height: 50px;
    }
	.wrap-sidenav .sidenav ul li a img{
		width: 36px;
		margin-right: 6px;
	}
	.wrap-sidenav .sidenav ul li a{
		font-size: 14px;
	}
	.fixed-nav.wrap-sidenav{
		height: 40px;
	}
	.fixed-nav.wrap-sidenav .sidenav ul li a {
	    height: 40px;
	    line-height: 40px;
	}
}
@media (max-width: 767px){
	.wrap-sidenav .up{
		display: none;
	}
	.wrap-sidenav.fixed-nav .up{
		display: none;
	}
	.fixed-nav{
		top: 60px;
	}
	.wrap-sidenav{
    	height: 50px;
        margin-top: -0px;
    }
	.wrap-sidenav .sidenav ul li a {
	    padding: 0 12px 0 12px;
	}
	.wrap-sidenav.case-sidenav{
		height: 60px;
	}
	.wrap-sidenav.case-sidenav .sidenav ul li a, 
	.wrap-sidenav.case-sidenav .sidenav ul li a{
		height: 60px;
		line-height: 58px;
	}
}





/*首页*/
.i-about{
	float: left;
	width: 100%;
	padding: 56px 0 96px 0;
}
.i-about-con{
	float: left;
	width: 100%;
	margin-top: 46px;
}
.i-aboutL{
	float: left;
	width: 50%;
	padding-right: 3.9%;
	font-size: 16px;
	color: #666;
}
.i-aboutL .i-aboutL-p{
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 2;
}
.i-aboutL .i-aboutL-a{
	float: left;
	width: 100%;
	margin-top: 28px;
}
.i-aboutL .i-aboutL-a a{
	display: inline-block;
	width: 164px;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	margin-right: 35px;
	font-size: 16px;
	background: #efefef;
	color: #666;
}
.i-aboutL .i-aboutL-a a:hover{
	color: #008ed5;
}
.i-aboutL .i-aboutL-a a span{
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 20px;
	border-radius: 100%;
}
.i-aboutL .i-aboutL-a a.play span{
	background: #008ed5 url(../images/play-2.png) no-repeat;
	background-size: 100% 100%;
}
.i-aboutL .i-aboutL-a .iframe {
	display: none;
	width: 100% !important;
	height: 100% !important;
}
.i-aboutL .i-aboutL-a a.more span{
	background: #008ed5 url(../images/more-2.png) no-repeat;
	background-size: 100% 100%;
}
.i-aboutR{
	float: left;
	width: 50%;
	padding: 50px 0 70px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.i-aboutR ul{
	float: left;
	width: 100%;
}
.i-aboutR ul li{
	float: left;
	width: 33.33%;
}
.i-aboutR ul li .i-aboutR-t{
	float: left;
	width: 100%;
	font-size: 20px;
	color: #008ed5;
}
.i-aboutR ul li .i-aboutR-t span{
	font-family: 'Impact';
	font-size: 64px;
	margin-right: 6px;
}
.i-aboutR ul li .i-aboutR-d{
	float: left;
	width: 100%;
	font-size: 16px;
	margin-top: 10px;
	color: #999;
}

.bg-f9{
	background: #f9f9f9;
}
/* 首页背景修改 */
.bg-update {
	background: url(../images/bg-gradient-navy-800.svg);
	--tw-bg-opacity: 1;
	background-color: rgba(14,47,72,var(--tw-bg-opacity));
	background-size: 178.75rem;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.i-use .i-use-bottom {
	color:#fff;
	float: left;
	margin-top:100px;
}
.i-use .i-use-bottom-left {
	font-size: 37px;
	line-height: 40px;
	width:32%;
	font-weight:bold;
	float:left;
}
.i-use .i-use-bottom-right {
	float:right;
	width:40%;
	font-size:15px;
}
.i-use .i-use-bottom-right > p {
	line-height:25px;
}
.i-use .i-use-bottom-right > a {
	display:inline-block;
	padding:20px 36px;
	background-color:rgba(18,124,186,var(--tw-bg-opacity));
	color:#fff;
	margin-top:28px;
}
.i-use .i-use-bottom-right > a:hover {
	--tw-bg-opacity:1;background-color:rgba(19,61,89,var(--tw-bg-opacity))
}
.i-use .i-use-bottom-right > a:hover:after {
	transform:translateX(-15%) skewX(-30deg);
}
@media (max-width:1024px) {
	.i-use .i-use-bottom {
		margin:50px 0;
	}
	.i-use .i-use-bottom-left {
		font-size: 24px;
		line-height: 40px;
		width:100%;
	}
	.i-use .i-use-bottom-right {
		float:left;
		width:100%;
	}
	
}

@media (min-width: 1024px) {
.bg-update {
    background-position: right -43.75rem center;
}

.i-use{
	float: left;
	width: 100%;
	padding: 52px 0 134px 0;
}
.i-use-con{
	float: left;
	width: 100%;
	margin-top: 34px;
}
.i-use-con ul{
	float: left;
	width: 100%;
}
.i-use-con ul li{
	float: left;
	width: 32.9%;
	margin-right: 0.65%;
	margin-top: 10px;
	position: relative;
	overflow: hidden;
}
.i-use-con ul li::after{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(34,62,85,0.4);
	content: "";
	z-index: 1;
}
.i-use-con ul li:nth-child(3n){
	margin-right: 0;
}
.i-use-con ul li a > img{
	-webkit-transition: all 0.4s ease-out 0s;
	-moz-transition: all 0.4s ease-out 0s; 
	-o-transition: all 0.4s ease-out 0s; 
	transition: all 0.4s ease-out 0s;
}
.i-use-con ul li:hover::after {
	background:none;
}
.i-use-con ul li:hover a > img{
	-webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.i-use-con ul li .i-use-text{
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	padding: 0 7.6%;
	color: #fff;
	z-index: 2;
}
.i-use-con ul li .i-use-text .i-use-t{
	font-family: 'DINEngschriftStd';
	font-size: 42px;
}
.i-use-con ul li .i-use-text .i-use-d{
	font-size: 20px;
	margin-top: 10px;
	padding-bottom: 18px;
	position: relative;
}
.i-use-con ul li .i-use-text .i-use-d::after{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 28px;
	height: 4px;
	background: #fff;
	content: "";
}


.i-why{
	float: left;
	width: 100%;
	padding: 66px 0 82px 0;
}

.i-why-con{
	float: left;
	width: 100%;
	margin-top: 22px;
}
.i-why-con ul{
	float: left;
	width: 100%;
}
.i-why-con ul li{
	float: left;
	width: 20%;
	padding: 62px 2.8% 72px 2.8%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}

.i-why-con ul li .i-why-pic{
	float: left;
	width: 100%;
	text-align: center;
}
.i-why-con ul li .i-why-pic img:nth-child(1){
	display: inline-block!important;
}
.i-why-con ul li .i-why-pic img:nth-child(2){
	display: none!important;
}
.i-why-con ul li .i-why-t{
	float: left;
	width: 100%;
	margin-top: 20px;
	color: #223e55;
	text-align: center;
}
.i-why-con ul li .i-why-t .i-why-tc{
	font-size: 20px;
}
.i-why-con ul li .i-why-t .i-why-te{
	font-size: 16px;
	margin-top: 8px;
}
.i-why-con ul li .i-why-p{
	float: left;
	width: 100%;
	margin-top: 26px;
	font-size: 16px;
	height: 130px;
	line-height: 26px;
	color: #666;
	/* display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden; */
}

.i-why-con ul li:hover{
	background: #008ed5;
}
.i-why-con ul li:hover .i-why-pic img:nth-child(1){
	display: none!important;
}
.i-why-con ul li:hover .i-why-pic img:nth-child(2){
	display: inline-block!important;
}
.i-why-con ul li:hover .i-why-t{
	color: #fff;
}
.i-why-con ul li:hover .i-why-p{
	color: #fff;
	/* -webkit-line-clamp: unset; */
}

.i-news{
	float: left;
	width: 100%;
	padding: 80px 0 110px 0;
}
.i-news-con{
	float: left;
	width: 100%;
	margin-top: 60px;
	margin-bottom: 45px;
}
.i-news-con .i-newsL{
	float: left;
	width: 50%;
}
.i-news-con .i-newsL ul{
	float: left;
	width: 100%;
}
.i-news-con .i-newsL ul li{
	float: left;
	width: 100%;
	background: #fff;
	padding-left: 105px;
	height: 105px;
	position: relative;
}
.i-news-con .i-newsL ul li .i-newsL-time{
	font-family: 'CenturyGothic';
	position: absolute;
	left: 0;
	width: 105px;
	height: 105px;
	padding-top: 20px;
	text-align: center;
	color: #fff;
	background: #008ed5;
}
.i-news-con .i-newsL ul li .i-newsL-time .i-newsL-day{
	font-size: 48px;
	font-weight: bold;
}
.i-news-con .i-newsL ul li .i-newsL-time .i-newsL-year{
	font-size: 16px;
}
.i-news-con .i-newsL ul li .i-newsL-p{
	float: left;
	width: 100%;
	padding: 0 3.6%;
	line-height: 105px;
	font-size: 24px;
	color: #223e55;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.i-news-con .i-newsL ul li:hover .i-newsL-p{
	color: #008ed5;
}
.i-newsR{
	float: left;
	width: 50%;
	padding-left: 6.5%;
}
.i-newsR ul{
	float: left;
	width: 100%;
}
.i-newsR ul li{
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 52px;
	padding: 0 100px 0 24px;
	border-bottom: 1px dashed #ccc;
	position: relative;
	
}
.i-newsR ul li::after{
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 5px;
	height: 5px;
	background: #008ed5;
	content: "";
}
.i-newsR ul li a{
	display: block;
	width: 96%;
	height: 52px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.i-newsR ul li span{
	position: absolute;
	top: 0;
	right: 0;
	color: #008ed5;
}
.i-newsR ul li:hover a{
	color: #008ed5;
}
.btn-link{
	float: left;
	width: 100%;
	text-align: center;
}
.btn-link a{
	font-family: 'CenturyGothic';
	display: inline-block;
	height: 70px;
	line-height: 70px;
	border-radius: 35px;
	padding: 0 42px;
	font-size: 24px;
	color: #fff;
	background: #008ed5;
}
.btn-link a:hover{
	opacity: 0.9;
}
}

@media (max-width: 1440px) {
	.i-about {
	    padding: 48px 0 80px 0;
	}
	.i-aboutL{
		padding-right: 3%;
	}
	.i-aboutL .i-aboutL-p{
		font-size: 14px;
	}
	.i-aboutL .i-aboutL-a a {
	    width: 136px;
	    height: 42px;
	    line-height: 42px;
	    border-radius: 21px;
	    margin-right: 20px;
	    font-size: 14px;
	}
	.i-aboutL .i-aboutL-a a span {
	    width: 42px;
	    height: 42px;
	    margin-right: 12px;
	}
	.i-aboutL .i-aboutL-a{
		margin-top: 24px;
	}
	.i-aboutR{
		padding: 30px 0 30px 0;
	}
	.i-aboutR ul li .i-aboutR-t{
		font-size: 18px;
	}
	.i-aboutR ul li .i-aboutR-t span {
	    font-size: 48px;
	    margin-right: 4px;
	}
	.i-aboutR ul li .i-aboutR-d {
	    font-size: 14px;
	    margin-top: 8px;
	}
	.i-use {
	    padding: 50px 0 80px 0;
	}
	.i-use-con{
		margin-top: 24px;
	}
	.i-use-con ul li .i-use-text {
	    bottom: 24px;
	    padding: 0 6.4%;
	}
	.i-use-con ul li .i-use-text .i-use-t {
		font-size: 36px;
	}
	.i-use-con ul li .i-use-text .i-use-d {
	    font-size: 18px;
	    margin-top: 8px;
	    padding-bottom: 14px;
	}
	.i-why {
	    padding: 48px 0 60px 0;
	}
	.i-why-con ul li {
	    padding: 36px 2.4% 48px 2.4%;
	}
	.i-why-con ul li .i-why-t .i-why-tc {
	    font-size: 18px;
	}
	.i-why-con ul li .i-why-t .i-why-te {
	    font-size: 14px;
	    margin-top: 4px;
	}
	.i-why-con ul li .i-why-p {
	    margin-top: 14px;
	    font-size: 14px;
	    height: 120px;
	    line-height: 20px;
	}
	.i-news {
	    padding: 60px 0 80px 0;
	}
	.i-news-con {
	    margin-top: 40px;
	    margin-bottom: 30px;
	}
	.i-news-con .i-newsL ul li {
	    padding-left: 90px;
	    height: 90px;
	}
	.i-news-con .i-newsL ul li .i-newsL-time{
		width: 90px;
		height: 90px;
		padding-top: 18px;
	}
	.i-news-con .i-newsL ul li .i-newsL-time .i-newsL-day{
		font-size: 40px;
	}
	.i-news-con .i-newsL ul li .i-newsL-p {
	    padding: 0 3%;
	    line-height: 90px;
	    font-size: 20px;
	}
	.i-newsR {
	    padding-left: 4.8%;
	}
	.i-newsR ul li {
	    font-size: 16px;
	    line-height: 44px;
	    padding: 0 90px 0 20px;
	}
	.i-newsR ul li a{
		height: 44px;
	}
	.btn-link a {
	    height: 60px;
	    line-height: 60px;
	    border-radius: 30px;
	    padding: 0 36px;
	    font-size: 20px;
	}
	
}

@media (max-width: 1199px) {
	.i-why {
	    padding: 40px 0 40px 0;
	}
	.i-why-con ul{
		width: 100%;
		text-align: center;
	}
	.i-why-con ul li{
		display: inline-block;
		float: none;
		width: 33%;
		padding: 24px 2.4% 36px 2.4%;
	}
	.i-why-con ul li .i-why-p{
		height: 100px;
	}
	.i-news {
	    padding: 40px 0 60px 0;
	}
	.i-news-con .i-newsL ul li .i-newsL-p{
		font-size: 16px;
	}
	.btn-link a {
	    height: 48px;
	    line-height: 48px;
	    border-radius: 24px;
	    padding: 0 30px;
	    font-size: 18px;
	}
}

@media (max-width: 991px) {
	.i-about {
		padding: 30px 0 40px 0;
	}
	.i-aboutL{
		width: 100%;
		padding-right: 0;
	}
	.i-aboutR{
		width: 100%;
		margin-top: 30px;
		padding: 15px 0;
	}
	.i-about-con{
		margin-top: 20px;
	}
	.i-aboutL .i-aboutL-a {
	    margin-top: 15px;
	}
	.i-aboutR ul li .i-aboutR-t {
	    font-size: 16px;
	}
	.i-aboutR ul li .i-aboutR-t span {
	    font-size: 42px;
	}
	
	.i-use {
	    padding: 36px 0 36px 0;
	}
	.i-use-con {
	    margin-top: 10px;
	}
	.i-use-con ul li{
		width: 49.5%;
		margin-right: 1%;
	}
	.i-use-con ul li:nth-child(3n){
		margin-right: 1%;
	}
	.i-use-con ul li:nth-child(2n){
		margin-right: 0;
	}
	.i-why {
	    padding: 36px 0 36px 0;
	}
	.i-why-con ul li{
		width: 32%;
	}
	.i-news-con .i-newsL{
		width: 100%;
	}
	.i-news-con .i-newsR{
		width: 100%;
		padding-left: 0;
		margin-top: 20px;
	}
	.i-news {
	    padding: 30px 0 40px 0;
	}
	.i-news-con {
	    margin-top: 30px;
	    margin-bottom: 20px;
	}
}

@media (max-width: 767px) {
	.i-about {
	    padding: 20px 0 30px 0;
	}
	.i-about-con {
	    margin-top: 10px;
	}
	.i-aboutR{
		margin-top: 20px;
	}
	.i-aboutL .i-aboutL-a a{
		margin-right: 10px;
	}
	.i-aboutR ul li{
		padding-right: 4%;
	}
	.i-aboutR ul li .i-aboutR-t span {
	    font-size: 36px;
	}
	.i-aboutR ul li .i-aboutR-d{
		line-height: 1.4;
	}
	.i-why-con{
		margin-top: 10px;
	}
	.i-use-con ul li{
		width: 100%;
		margin-top: 15px;
	}
	.i-why-con ul li{
		width: 100%;
		margin-top: 10px;
		padding: 15px 2% 20px 2%;
	}
	.i-why-con ul li .i-why-p{
		height: auto;
	}
	.i-news-con {
	    margin-top: 20px;
	}
	.i-news-con .i-newsL ul li .i-newsL-time {
	    width: 68px;
	    height: 68px;
	    padding-top: 14px;
	}
	.i-news-con .i-newsL ul li {
	    padding-left: 68px;
	    height: 68px;
	}
	.i-news-con .i-newsL ul li .i-newsL-p{
		line-height: 68px;
	}
	.i-news-con .i-newsL ul li .i-newsL-time .i-newsL-day {
	    font-size: 24px;
	}
	.i-news-con .i-newsL ul li .i-newsL-time .i-newsL-year {
	    font-size: 14px;
	}
	.i-news-con .i-newsL ul li .i-newsL-p {
	    font-size: 14px;
	}
	.i-news {
	    padding: 30px 0 30px 0;
	}
	.i-newsR ul li{
		font-size: 14px;
		line-height: 40px;
	}
	.i-newsR ul li a {
	    height: 40px;
	}
	.i-news-con .i-newsR{
		margin-top: 15px;
	}
	.i-use-con ul li .i-use-text .i-use-t {
	    font-size: 32px;
	}
	.i-use-con ul li .i-use-text .i-use-d{
		font-size: 16px;
	}
	.i-use-con ul li .i-use-text .i-use-d::after{
		width: 24px;
		height: 3px;
	}
}


/*关于我们*/
.about-1{
	float: left;
	width: 100%;
	padding: 50px 0 68px 0;
}
.about-1-con{
	float: left;
	width: 100%;
	margin-top: 30px;
	background: #f9f9f9;
}
.about-1L{
	float: left;
	width: 50%;
}
.about-1L img{
	width: 100%;
}
.about-1R{
	float: left;
	width: 50%;
	padding: 58px 3.5% 0 3.5%;
}
.about-1R .about-1R-t{
	font-family: 'Arial';
	float: left;
	width: 100%;
	font-size: 36px;
	color: #008ed5;
	font-weight: bold;
}
.about-1R .about-1R-p{
	float: left;
	width: 100%;
	font-size: 18px;
	margin-top: 24px;
	line-height: 1.8;
	color: #333;
}

.bg-ef{
	background: #efefef;
}
.about-his{
	float: left;
	width: 100%;
	padding: 70px 0 130px 0;
}
.about-his-con{
	float: left;
	width: 100%;
	margin-top: 56px;
}
.about-his-ul{
	float: left;
	width: 100%;
	position: relative;
}
.about-his-ul .slick-arrow{
	position: absolute;
	top: 210px;
	width: 44px;
	height: 44px;
	z-index: 2;
	background-size: 100% 100%!important;
}
.about-his-ul .slick-arrow.slick-next{
	right: -44px;
	background: url(../images/about/right-1.png) no-repeat;
}
.about-his-ul .slick-arrow.slick-prev{
	left: -44px;
	background: url(../images/about/left-1.png) no-repeat;
}

.about-his-ul::after{
	position: absolute;
	top: 230px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #999;
	content: "";
	z-index: -1;
}
.about-his-ul .about-his-li{
	padding: 0 14px;
}
.about-his-ul .about-his-li .about-his-pic{
	display: inline-block;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
}
.about-his-ul .about-his-li .about-his-pic img{
	display: inline-block;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
	
	
}
.about-his-ul .slick-slide:hover .about-his-li .about-his-pic img{
	-webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.about-his-ul .about-his-li .about-his-year{
	margin-top: 22px;
	text-align: center;
}
.about-his-ul .about-his-li .about-his-year span{
	font-family: 'Impact';
	display: inline-block;
	width: 90px;
	height: 90px;
	line-height: 90px;
	font-size: 36px;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	background: #223e55;
}
.about-his-ul .about-his-li .about-his-text{
	float: left;
	width: 100%;
	min-height: 300px;
	background: #fff;
	margin-top: 44px;
	border-radius: 10px;
	position: relative;
}
.about-his-ul .about-his-li .about-his-text::after{
	position: absolute;
	left: 50%;
	top: -16px;
	width: 32px;
	height: 16px;
	background: url(../images/about/up.png) no-repeat;
	content: "";
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
.about-his-ul .about-his-li .about-his-text .about-his-span{
	float: left;
	width: 100%;
	margin-top: 22px;
	text-align: center;
}
.about-his-ul .about-his-li .about-his-text .about-his-span span{
	display: inline-block;
	padding: 0 24px;
	line-height: 48px;
	border-radius: 10px;
	font-size: 20px;
	background: #223e55;
	color: #fff;
}
.about-his-ul .about-his-li .about-his-text .about-his-p{
	float: left;
	width: 100%;
	padding: 0 20px;
	font-size: 16px;
	line-height: 1.8;
	margin-top: 16px;
}

.about-layout{
	float: left;
	width: 100%;
	padding: 60px 0 90px 0;
}
.about-lay-con{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.about-lay-bot{
	float: left;
	width: 100%;
	margin-top: 52px;
	text-align: center;
}
.about-lay-bot .about-lay-ul{
	display: inline-block;
	padding: 24px 0 24px 20px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 3px 3px 7px rgba(0,0,0,0.15);
}
.about-lay-li{
	float: left;
	width: 400px;
	text-align: left;
	margin-left: 32px;
	padding-left: 112px;
	position: relative;
}
.about-lay-li span{
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 80px;
	height: 12px;
	border-radius: 6px;
	background: #223e55;
}

.about-lay-li .about-lay-txt{
	font-size: 20px;
}
.about-lay-li .about-lay-txt .about-lay-c{
	color: #666;
}
.about-lay-li .about-lay-txt .about-lay-e{
	font-family: 'CenturyGothic';
	margin-top: 8px;
	color: #223e55;
}
.about-lay-li:nth-child(2) span{
	background: #008ed5;
}

.about-lay-li:nth-child(2) .about-lay-txt .about-lay-e{
	color: #008ed5;
}

.about-culture{
	float: left;
	width: 100%;
	padding: 60px 0 124px 0;
}
.about-cul-con{
	float: left;
	width: 100%;
	margin-top: 30px;
}
.about-cul-con .about-cul-left{
	float: left;
	width: 31.25%;
	height: 430px;
	padding-top: 102px;
	padding-left: 4.2%;
	padding-right: 4.2%;
	color: #fff;
	background: url(../images/about/img-8.jpg) no-repeat;
}
.about-cul-con .about-cul-left .about-cul-Lte{
	font-family: 'CenturyGothic';
	float: left;
	width: 100%;
	text-align: center;
	font-size: 32px;
	color: #fff;
	font-weight: bold;
}
.about-cul-con .about-cul-left .about-cul-Ltc{
	float: left;
	width: 100%;
	font-size: 18px;
	color: #fff;
	text-align: center;
}
.about-cul-con .about-cul-left .about-cul-Ltc span{
	display: inline-block;
	padding: 0 18px;
	line-height: 36px;
	margin-top: 10px;
	border-radius: 18px;
	border: 1px dashed #fff;
}
.about-cul-con .about-cul-left .about-cul-Lp{
	float: left;
	width: 100%;
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.8;
}

.about-cul-con .about-cul-right{
	float: right;
	width: 65.79%;
	height: 430px;
	padding-top: 10px;
	background: #00a4dc;
}
.about-cul-con .about-cul-right .about-cul-Rli{
	float: left;
	margin-left: 100px;
	margin-top: 24px;
}
.about-cul-con .about-cul-right .about-cul-Rli > img{}
.about-cul-con .about-cul-right .about-cul-Rli-p{
	margin-top: 8px;
	font-size: 15px;
	line-height: 1.4;
	color: #013243;
	text-align: center;
}

.about-cul-bot{
	float: left;
	width: 100%;
	margin-top: 50px;
}
.about-cul-bot .about-cul-Btitle{
	float: left;
	width: 100%;
	font-size: 18px;
	color: #223e55;
	text-align: center;
}
.about-cul-bot .about-cul-Btitle .about-cul-Bte{
	font-family: 'CenturyGothic';
	font-size: 32px;
	font-weight: bold;
}
.about-cul-bot .about-cul-Btitle .about-cul-Btc{
	margin-top: 12px;
}
.about-cul-bot .about-cul-Btitle .about-cul-Btc span{
	display: inline-block;
	line-height: 36px;
	border-radius: 18px;
	border: 1px dashed #223e55;
	padding: 0 14px;
}
.about-cul-bot .about-cul-Btitle .about-cul-Btp{
	line-height: 1.8;
	margin-top: 15px;
}

.about-cul-Bcon{
	float: left;
	width: 100%;
	margin-top: 30px;
}
.about-cul-Bcon .about-cul-Bli{
	float: left;
	width: 20%;
	position: relative;
	vertical-align: top;
}
.about-cul-Bcon .about-cul-Bli::after{
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 50px;
	background: #c9c9c9;
	content: "";
}
.about-cul-Bcon .about-cul-Bli:last-child::after{
	display: none;
}
.about-cul-Bcon .about-cul-Bli .about-cul-Bli-pic{
	text-align: center;
}
.about-cul-Bcon .about-cul-Bli .about-cul-Bli-pic span{
	display: inline-block;
	width: 126px;
	height: 126px;
	border-radius: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.about-cul-Bcon .about-cul-Bli .about-cul-Bli-pic span img:nth-child(1){
	display: inline-block!important;
}
.about-cul-Bcon .about-cul-Bli .about-cul-Bli-pic span img:nth-child(2){
	display: none!important;
}
.about-cul-Bcon .about-cul-Bli .about-cul-Bli-c{
	margin-top: 20px;
	font-size: 20px;
	color: #223e55;
	text-align: center;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.about-cul-Bcon .about-cul-Bli .about-cul-Bli-e{
	font-size: 16px;
	color: #00a4dc;
	margin-top: 5px;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.about-cul-Bcon .about-cul-Bli:hover .about-cul-Bli-pic span{
	background: #00a4dc;
} 

.about-cul-Bcon .about-cul-Bli:hover .about-cul-Bli-pic span img:nth-child(1){
	display: none!important;
}
.about-cul-Bcon .about-cul-Bli:hover .about-cul-Bli-pic span img:nth-child(2){
	display: inline-block!important;
}
.about-cul-Bcon .about-cul-Bli:hover .about-cul-Bli-c{
	font-size: 24px;
}
.about-cul-Bcon .about-cul-Bli:hover .about-cul-Bli-e{
	opacity: 1;
}

.about-base{
	float: left;
	width: 100%;
	padding: 60px 0 86px 0;
}
.about-base-con{
	float: left;
	width: 100%;
}
.about-baseT{
	float: left;
	width: 100%;
	margin-top: 24px;
	text-align: center;
}
.about-baseT span{
	display: inline-block;
	line-height: 54px;
	border-radius: 27px;
	padding: 0 34px;
	font-size: 24px;
	color: #333;
	border: 1px dashed #999;
}
.about-baseM{
	float: left;
	width: 100%;
	margin-top: 30px;
}
.about-baseM ul{
	float: left;
	width: 100%;
}
.about-baseM ul li{
	float: left;
	width: 16.25%;
	height: 280px;
	padding: 0 1%;
	margin-right: 0.5%;
	color: #fff;
	background: #00a4dc;
	text-align: center;
}
.about-baseM ul li:last-child{
	margin-right: 0;
}
.about-baseM ul li img{
	margin-top: 45px;
	-webkit-transition: all 0.6s ease-out 0s;
	-moz-transition: all 0.6s ease-out 0s; 
	-o-transition: all 0.6s ease-out 0s; 
	transition: all 0.6s ease-out 0s;
}
.about-baseM ul li:hover img{
	-webkit-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	transform: rotateY(360deg);
}
.about-baseM ul li .about-baseMc{
	margin-top: 28px;
	font-size: 22px;
}
.about-baseM ul li .about-baseMe{
	font-family: 'CenturyGothic';
	margin-top: 16px;
	font-size: 16px;
	line-height: 1.2;
}
.about-baseD{
	float: left;
	width: 100%;
	text-align: center;
}
.about-baseD span{
	display: inline-block;
	line-height: 72px;
	border-radius: 36px;
	margin-top: 26px;
	font-size: 26px;
	padding: 0 100px;
	color: #fff;
	background: #008ed5;
}
.about-band{
	float: left;
	width: 100%;
	margin: 50px 0 78px 0;
}
.about-band .about-band-li{
	text-align: center;
}
.about-band .about-band-li img{
	display: inline-block;
}
.about-band .about-band-li img.block{
	display: inline-block;
}
.about-band .about-band-li img.none{
	display: none;
}
.about-band .slick-slide:hover .about-band-li img.block{
	display: none;
}
.about-band .slick-slide:hover .about-band-li img.none{
	display: inline-block;
}
.about-band .slick-arrow{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 18px;
	height: 31px;
	z-index: 2;
}
.about-band .slick-arrow.slick-next{
	right: -18px;
	background: url(../images/about/right.png) no-repeat;
}
.about-band .slick-arrow.slick-prev{
	left: -18px;
	background: url(../images/about/left.png) no-repeat;
}

@media (max-width: 1440px) {
	.banner.banner-in .text .banner-title {
	    font-size: 36px;
	    height: 100px;
	    line-height: 100px;
	}
	.banner.banner-in .text .banner-title span {
	    font-size: 24px;
	    margin-left: 18px;
	}
	.about-1R {
	    padding: 36px 3% 0 3%;
	}
	.about-1R .about-1R-t {
	    font-size: 24px;
	}
	.about-1R .about-1R-p {
	    font-size: 16px;
	    line-height: 1.8;
	}
	.about-his {
	    padding: 50px 0 80px 0;
	}
	.about-his-con {
	    margin-top: 48px;
		padding: 0 2%;
	}
	.about-his-ul .slick-arrow{
		top: 186px;
	}
	.about-his-ul::after{
		top: 206px;
	}
	.about-his-ul .about-his-li .about-his-text .about-his-p{
		/* line-height: 1.6; */
		font-size: 14px;
	}
	.about-his-ul .about-his-li .about-his-text .about-his-span span {
	    padding: 0 22px;
	    line-height: 36px;
	    font-size: 18px;
	}
	.about-his-ul .about-his-li .about-his-year span {
	    width: 78px;
	    height: 78px;
	    line-height: 78px;
	    font-size: 36px;
	}
	.about-layout{
		padding: 40px 0 60px 0;
	}
	.about-lay-li span {
	    width: 68px;
	    height: 10px;
	    border-radius: 5px;
	}
	.about-lay-li {
	    width: 360px;
	    margin-left: 24px;
	    padding-left: 100px;
	}
	.about-lay-li .about-lay-txt{
		font-size: 18px;
	}
	
	.about-culture {
	    padding: 50px 0 90px 0;
	}
	.about-cul-con .about-cul-left .about-cul-Lte{
		font-size: 24px;
	}
	.about-cul-con .about-cul-left .about-cul-Ltc{
		font-size: 16px;
	}
	.about-cul-con .about-cul-left .about-cul-Lp{
		font-size: 16px;
	}
	.about-cul-con .about-cul-right .about-cul-Rli {
	    margin-left: 60px;
	    margin-top: 24px;
	}
	.about-cul-bot .about-cul-Btitle{
		font-size: 16px;
	}
	.about-cul-bot .about-cul-Btitle .about-cul-Bte{
		font-size: 28px;
	}
	.about-cul-bot .about-cul-Btitle .about-cul-Btc span {
	    line-height: 32px;
	    border-radius: 16px;
	    padding: 0 10px;
	}
	.about-cul-bot .about-cul-Btitle .about-cul-Btp {
	    margin-top: 10px;
	}
	.about-cul-Bcon{
		margin-top: 20px;
	}
	.about-cul-Bcon .about-cul-Bli .about-cul-Bli-c {
	    margin-top: 15px;
	    font-size: 16px;
	}
	.about-cul-Bcon .about-cul-Bli:hover .about-cul-Bli-c {
	    font-size: 20px;
	}
	.about-base {
	    padding: 50px 0 60px 0;
	}
	.about-baseT span {
	    line-height: 42px;
	    border-radius: 21px;
	    padding: 0 28px;
	    font-size: 20px;
	}
	.about-baseM ul li .about-baseMc {
	    margin-top: 24px;
	    font-size: 20px;
	}
	.about-baseM ul li .about-baseMe {
	    margin-top: 12px;
	    font-size: 14px;
	}
	.about-baseD span {
	    line-height: 68px;
	    border-radius: 34px;
	    margin-top: 22px;
	    font-size: 22px;
	    padding: 0 60px;
	}
	.about-band {
	    margin: 40px 0 68px 0;
	}
}

@media (max-width: 1366px) {
	.about-1R .about-1R-p{
		font-size: 14px;
	}
	.about-cul-con .about-cul-right .about-cul-Rli {
	    margin-left: 15px;
	}
	.about-cul-con .about-cul-right .about-cul-Rli-p{
		font-size: 14px;
	}
}

@media (max-width: 1199px) {
	.about-1L{
		width: 100%;
	}
	.about-1R{
		width: 100%;
		padding-bottom: 20px;
	}
	.about-his-ul .about-his-li .about-his-text{
		min-height: 220px;
	}
	.about-his-ul::after {
	    top: 224px;
	}
	.about-his-ul .slick-arrow {
	    top: 204px;
	}
	.about-lay-li {
	    width: 330px;
		margin-left: 15px;
		padding-left: 86px;
	}
	.about-lay-li span {
	    width: 60px;
	    height: 8px;
		border-radius: 4px;
	}
	.about-lay-li .about-lay-txt {
	    font-size: 16px;
	}
	
	.about-cul-con .about-cul-left{
		height: 400px;
		padding-top: 90px;
		padding-left: 4%;
		padding-right: 4%;
	}
	.about-cul-con .about-cul-right {
	    padding-top: 20px;
		height: 400px;
	}
	.about-cul-con .about-cul-right .about-cul-Rli{
		width: 50%;
		margin-left: 0;
		text-align: center;
		margin-top: 30px;
	}
	.about-cul-con .about-cul-right .about-cul-Rli > img{
		height: 78px;
	}
	.about-cul-con .about-cul-left .about-cul-Lp {
	    font-size: 14px;
	}
	.about-baseT span {
	    line-height: 40px;
	    border-radius: 20px;
	    padding: 0 24px;
	    font-size: 18px;
	}
	.about-baseM ul li .about-baseMc {
	    margin-top: 20px;
	    font-size: 15px;
	}
	.about-baseD span {
	    line-height: 48px;
	    border-radius: 24px;
	    margin-top: 18px;
	    font-size: 18px;
	    padding: 0 48px;
	}
}
@media (max-width: 991px) {
	.banner.banner-in .text .banner-title {
	    font-size: 24px;
	    height: 80px;
	    line-height: 80px;
	}
	.banner.banner-in .text .banner-title span {
	    font-size: 18px;
	    margin-left: 14px;
	}
	.about-his-con {
	    padding: 0 4%;
	}
	.about-lay-li {
	    width: 300px;
	}
	.about-cul-con .about-cul-left{
		width: 100%;
		height: auto;
		padding-top: 90px;
		padding-bottom: 90px;
		padding-left: 20%;
		padding-right: 20%;
		background-size: cover;
	}
	.about-cul-con .about-cul-right{
		width: 100%;
		margin-top: 20px;
	}
	.about-cul-Bcon {
		text-align: center;
	}
	.about-cul-Bcon .about-cul-Bli{
		float: none;
		display: inline-block;
		width: 32%;
	}
	.about-cul-Bcon .about-cul-Bli:nth-child(3)::after{
		display: none;
	}
	.about-culture {
	    padding: 40px 0 60px 0;
	}
	.about-baseM{
		margin-top: 20px;
	}
	.about-baseM ul li{
		width: 32%;
		height: 240px;
		margin-right: 2%;
		margin-top: 15px;
		padding: 0 3%;
	}
	.about-baseM ul li img {
	    margin-top: 30px;
	}
	.about-baseM ul li:nth-child(3n){
		margin-right: 0;
	}
}

@media (max-width: 767px) {
	.banner.banner-in .text .banner-title {
		font-size: 18px;
		height: 48px;
		line-height: 48px;
	}
	.banner.banner-in .text .banner-title span {
	    font-size: 14px;
	    margin-left: 10px;
	}
	.about-1 {
	    padding: 24px 0 15px 0;
	}
	.about-1-con{
		margin-top: 15px;
	}
	.about-1R {
	    padding: 20px 3% 15px 3%;
	}
	.about-1R .about-1R-t {
	    font-size: 18px;
	}
	.about-1R .about-1R-p{
		margin-top: 10px;
	}
	.about-his {
	    padding: 24px 0 20px 0;
	}
	.about-his-con {
	    margin-top: 20px;
		padding: 0 8%;
	}
	.about-his-ul .slick-arrow{
		width: 36px;
		height: 36px;
	}
	.about-his-ul .slick-arrow.slick-prev{
		left: -36px;
	}
	.about-his-ul .slick-arrow.slick-next{
		right: -36px;
	}
	.about-his-ul .about-his-li .about-his-year {
	    margin-top: 12px;
	}
	.about-his-ul .about-his-li .about-his-year span {
	    width: 60px;
	    height: 60px;
	    line-height: 60px;
	    font-size: 28px;
	}
	.about-his-ul .slick-arrow {
	    top: 190px;
	}
	.about-his-ul::after {
	    top: 208px;
	}
	.about-his-ul .about-his-li .about-his-text{
		margin-top: 24px;
	}
	.about-lay-bot{
		margin-top: 20px;
	}
	.about-lay-bot .about-lay-ul {
	    padding: 15px 20px 15px 20px;
	}
	.about-lay-li{
		margin: 10px 0;
	}
	.about-lay-li .about-lay-txt .about-lay-e{
		margin-top: 0;
	}
	.about-layout {
	    padding: 20px 0 20px 0;
	}
	.about-culture {
	    padding: 20px 0 30px 0;
	}
	.about-cul-con{
		margin-top: 15px;
	}
	.about-cul-con .about-cul-left {
	    padding-top: 40px;
	    padding-bottom: 50px;
	    padding-left: 15%;
	    padding-right: 15%;
	}
	.about-cul-con .about-cul-right .about-cul-Rli{
		width: 100%;
	}
	.about-cul-con .about-cul-right{
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.about-cul-con .about-cul-right .about-cul-Rli{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.about-cul-bot{
		margin-top: 30px;
	}
	.about-cul-bot .about-cul-Btitle {
	    font-size: 14px;
	}
	.about-cul-bot .about-cul-Btitle .about-cul-Bte {
	    font-size: 20px;
	}
	.about-cul-bot .about-cul-Btitle .about-cul-Btc {
	    margin-top: 6px;
	}
	.about-cul-bot .about-cul-Btitle .about-cul-Btp {
	    margin-top: 6px;
	}
	.about-cul-Bcon {
	    margin-top: 10px;
	}
	.about-cul-Bcon .about-cul-Bli{
		/* padding: 0 3%; */
		margin-top: 20px;
	}
	.about-cul-Bcon .about-cul-Bli .about-cul-Bli-pic span{
		width: 80px;
		height: 80px;
	}
	.about-cul-Bcon .about-cul-Bli .about-cul-Bli-c {
	    margin-top: 5px;
	    font-size: 14px;
	}
	.about-cul-Bcon .about-cul-Bli:hover .about-cul-Bli-c {
	    font-size: 14px;
	}
	.about-cul-Bcon .about-cul-Bli .about-cul-Bli-e{
		opacity: 1;
		height: 42px;
		font-size: 14px;
	}
	.about-cul-Bcon .about-cul-Bli .about-cul-Bli-pic span{
		background: #00a4dc;
	} 
	.about-cul-Bcon .about-cul-Bli .about-cul-Bli-pic span img:nth-child(1) {
	    display: none!important;
	}
	.about-cul-Bcon .about-cul-Bli .about-cul-Bli-pic span img:nth-child(2) {
	    display: inline-block!important;
	}
	
	.about-base {
	    padding: 20px 0 20px 0;
	}
	.about-baseT{
		margin-top: 15px;
	}
	.about-baseT span {
	    line-height: 32px;
	    border-radius: 16px;
	    padding: 0 15px;
	    font-size: 14px;
	}
	.about-baseM {
	    margin-top: 10px;
	}
	.about-baseM ul li{
		width: 49%;
		height: auto;
		margin-right: 2%;
		padding: 20px 0;
		margin-top: 10px;
	}
	.about-baseM ul li:nth-child(3n){
		margin-right: 2%;
	}
	.about-baseM ul li:nth-child(2n){
		margin-right: 0;
	}
	.about-baseM ul li img{
		height: 60px;
		margin-top: 0px;
	}
	.about-baseM ul li .about-baseMc{
		margin-top: 10px;
	}
	.about-baseM ul li .about-baseMe {
	    margin-top: 5px;
	    font-size: 14px;
		height: 32px;
	}
	.about-baseD span {
	    line-height: 24px;
	    border-radius: 18px;
	    margin-top: 10px;
	    font-size: 14px;
	    padding: 5px 15px;
	}
	.about-band {
	    margin: 20px 0 20px 0;
	}
	.about-band .slick-arrow.slick-prev{
		left: 0;
	}
	.about-band .slick-arrow.slick-next{
		right: 0;
	}
}

.case-1{
	float: left;
	width: 100%;
	margin: 68px 0 48px 0;
	/* padding-left: 346px; */
	font-size: 18px;
	line-height: 1.8;
	color: #666;
	position: relative;
}
.case-1 > img{
	/* position: absolute;
	left: 0;
	top: 20px; */
	display: inline-block;
	vertical-align: middle;
	width: 20%;
}
.case-1 > div{
	display: inline-block;
	vertical-align: middle;
	width: 79%;
	padding-left: 4%;
}

.case-2{
	float: left;
	width: 100%;
	padding: 28px 0 172px 0;
}
.case-2 ul{
	float: left;
	width: 100%;
}
.case-2 ul li{
	float: left;
	width: 31.6%;
	margin-right: 2.6%;
	margin-top: 38px;
	padding: 20px 20px 50px 20px;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.15);
	min-height: 590px;
}
.case-2 ul li:nth-child(3n){
	margin-right: 0;
}
.case-2 ul li > a{
	float: left;
	display: inline-block;
	width: 100%;
	overflow: hidden;
}
.case-2 ul li > a img{
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.case-2 ul li:hover > a img{
	-webkit-transform: scale(1.1);
    -mos-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.case-2 ul li .case-2-text{
	float: left;
	width: 100%;
	margin-top: 28px;
}
.case-2 ul li .case-2-text .case-2-t{
	float: left;
	width: 100%;
	font-size: 24px;
	line-height: 1.4;
	color: #223e55;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.case-2 ul li .case-2-text .case-2-span{
	float: left;
	width: 100%;
	margin-top: 12px;
}
.case-2 ul li .case-2-text .case-2-span span{
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	padding: 0 8px;
	color: #666;
	background: #eee;
}
.case-2 ul li .case-2-text .case-2-p{
	float: left;
	width: 100%;
	font-size: 16px;
	margin-top: 20px;
	line-height: 1.8;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.case-2 ul li .case-2-text .case-2-a{
	float: left;
	width: 100%;
	margin-top: 24px;
}
.case-2 ul li .case-2-text .case-2-a a{
	display: inline-block;
	line-height: 40px;
	border-radius: 20px;
	padding: 0 26px;
	font-size: 16px;
	color: #008ed5;
	border: 1px dashed #ccc;
}

.case-2 ul li:hover .case-2-text .case-2-t{
	color: #008ed5;
}
.case-2 ul li:hover .case-2-text .case-2-a a{
	color: #fff;
	border-color: #008ed5;
	background: #008ed5;
}	

@media (max-width: 1440px) {
	.case-1 {
	    margin: 48px 0 38px 0;
	    /* padding-left: 346px; */
	    font-size: 16px;
	    line-height: 1.8;
	}
	.case-1 img{
		top: 10px;
	}
	.case-2 {
	    padding: 20px 0 148px 0;
	}
	.case-2 ul li {
	    margin-top: 30px;
	    padding: 18px 18px 40px 18px;
	}
	.case-2 ul li .case-2-text .case-2-t{
		font-size: 20px;
	}
	.case-2 ul li .case-2-text {
	    margin-top: 20px;
	}
	.case-2 ul li .case-2-text .case-2-span {
	    margin-top: 10px;
	}
	.case-2 ul li .case-2-text .case-2-span span {
	    line-height: 24px;
	    padding: 0 6px;
	}
	.case-2 ul li .case-2-text .case-2-p {
	    font-size: 14px;
	    margin-top: 15px;
	}
	.case-2 ul li .case-2-text .case-2-a {
	    margin-top: 18px;
	}
	.case-2 ul li .case-2-text .case-2-a a {
	    line-height: 36px;
	    border-radius: 18px;
	    padding: 0 20px;
	    font-size: 14px;
	}
}
@media (max-width: 1199px) {
	.case-1{
		font-size: 14px;
	}
	.case-2 {
	    padding: 20px 0 100px 0;
	}
	.case-2 ul li {
	    margin-top: 20px;
	    padding: 15px 15px 30px 15px;
			min-height:auto;
	}
	.case-2 ul li {
	    width: 32%;
	    margin-right: 2%;
	}
}
@media (max-width: 991px) {
	.case-1 img{
		/* width: 200px; */
	}
	.case-1 {
	    margin: 30px 0 20px 0;
	    /* padding-left: 240px; */
	}
	.case-2 {
	    padding: 20px 0 50px 0;
	}
	.case-2 ul li{
		width: 49%;
		margin-right: 2%;
	}
	.case-2 ul li:nth-child(3n){
		margin-right: 2%;
	}
	.case-2 ul li:nth-child(2n){
		margin-right: 0;
	}
}
@media (max-width: 767px) {
	.case-1 {
	    margin: 20px 0 20px 0;
	    padding-left: 0px;
	}
	.case-1 > img{
		position: static;
		left: auto;
		top: auto;
		margin-bottom: 10px;
		width: 60%;
		margin: 0 20%;
	}
	.case-1 > div{
		width: auto;
		padding-left: 0;
		margin-top: 10px;
	}
	.case-2 {
	    padding: 0px 0 25px 0;
	}
	.case-2 ul li {
	    width: 100%;
		margin-top: 10px;
	    margin-right: 0%;
		padding: 15px 15px 15px 15px;
	}
	.case-2 ul li .case-2-text {
	    margin-top: 10px;
	}
	.case-2 ul li .case-2-text .case-2-t {
	    font-size: 18px;
	}
	.case-2 ul li .case-2-text .case-2-p{
		margin-top: 10px;
	}
	.case-2 ul li .case-2-text .case-2-a {
	    margin-top: 10px;
	}
	.case-2 ul li .case-2-text .case-2-a a {
	    line-height: 32px;
	    border-radius: 16px;
	    padding: 0 16px;
	}
}

/*案例详情*/
.product-details-1{
	float: left;
	width: 100%;
	padding: 80px 0 80px 0;
}
.product-details-1 .prode-left{
	float: left;
	width: 56.5%;
}
.product-details-1 .prode-left .slider-for{
	float: left;
	width: 82.6%;
}
.product-details-1 .prode-left .slider-for .item .img-box{
	padding-bottom: 61.60337552742616%;
}
.product-details-1 .prode-left .slider-nav{
	float: right;
	width: 16.6%;
	margin: 22px 0;
}
.product-details-1 .prode-left .slider-nav .item .img-box{
	padding-bottom: 60.56338028169014%;
	border: 5px solid rgba(0,0,0,0);
}
.product-details-1 .prode-left .slider-nav .slick-slide.slick-current.slick-active .item .img-box{
	border-color: #008ed5;
}
.product-details-1 .prode-left .slider-nav .slick-slide{
	margin: 0px 0;
}
.product-details-1 .prode-left .slider-nav .slick-arrow{
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 38px;
	height: 22px;
	background-size: 100% 100%!important;
	background-repeat: no-repeat!important;
}
.product-details-1 .prode-left .slider-nav .slick-arrow.slick-next{
	background: url(../images/case/de-down.png);
}
.product-details-1 .prode-left .slider-nav .slick-arrow.slick-prev{
	background: url(../images/case/de-up.png);
	top: -22px;
}
.product-details-1 .prode-right{
	float: left;
	width: 43.5%;
	padding-left: 7.2%;
}
.product-details-1 .prode-right .prode-tc{
	float: left;
	width: 100%;
	font-size: 32px;
	line-height: 1;
}
.product-details-1 .prode-right .prode-te{
	font-family: 'CenturyGothic-Bold';
	float: left;
	width: 100%;
	font-size: 24px;
	margin-top: 10px;
	color: #008ed5;
}
.product-details-1 .prode-right .prode-span{
	float: left;
	width: 100%;
	margin-top: 22px;
}
.product-details-1 .prode-right .prode-span span{
	display: inline-block;
	padding: 0 14px;
	line-height: 36px;
	border-radius: 18px;
	font-size: 16px;
	color: #fff;
	background: #008ed5;
}
.product-details-1 .prode-right .prode-p{
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 2;
	margin-top: 16px;
	padding-bottom: 28px;
	border-bottom: 1px dashed #ccc;
	color: #666;
}
.product-details-1 .prode-right .prode-link{
	float: left;
	width: 100%;
	margin-top: 42px;
}
.product-details-1 .prode-right .prode-link .iframe {
	display: none;
	width: 100% !important;
	height: 100% !important;
}
.product-details-1 .prode-right .prode-link a{
	display: inline-block;
	padding: 0 26px 0 22px;
	line-height: 54px;
	border-radius: 27px;
	margin-right: 16px;
	font-size: 18px;
	color: #666;
	border: 1px solid #ccc;
}
.product-details-1 .prode-right .prode-link a:hover{
	color: #008ed5;
	border: 1px solid #008ed5;
}
.product-details-1 .prode-right .prode-link a > img{
	margin-right: 12px;
	padding-bottom: 3px;
}
.product-details-1 .prode-right .prode-link a:last-child{
	margin-right: 0px;
}
@media (max-width: 1440px) {
	.product-details-1 {
	    padding: 42px 0 60px 0;
	}
	.product-details-1 .prode-left .slider-nav .item .img-box{
		border-width: 3px;
	}
	.product-details-1 .prode-right{
		padding-left: 3.6%;
	}
	.product-details-1 .prode-right .prode-tc{
		font-size: 24px;
	}
	.product-details-1 .prode-right .prode-te {
	    font-size: 20px;
	    margin-top: 8px;
	}
	.product-details-1 .prode-right .prode-span {
	    margin-top: 12px;
	}
	.product-details-1 .prode-right .prode-p {
		font-size: 16px;
	    margin-top: 10px;
	    padding-bottom: 14px;
	}
	.product-details-1 .prode-right .prode-link{
		margin-top: 36px;
	}
	.product-details-1 .prode-right .prode-link a {
	    padding: 0 20px;
	    line-height: 48px;
	    border-radius: 24px;
	    margin-right: 10px;
	    font-size: 16px;
	}
}

@media (max-width: 1199px) {
	.product-details-1 .prode-left .slider-nav{
		margin: 34px 0;
	}
	.product-details-1 {
	    padding: 42px 0 0px 0;
	}
	.product-details-1 .prode-left{
		width: 100%;
		padding-right: 0;
	}
	.product-details-1 .prode-right{
		width: 100%;
		padding: 30px 3%;
	}
}
@media (max-width: 991px) {
	.product-details-1 .prode-right .prode-link {
		margin-top: 24px;
	}
}
@media (max-width: 767px) {
	.product-details-1 {
	    padding: 30px 0 0px 0;
	}
	.product-details-1 .prode-left .slider-for{
		width: 100%;
	}
	.product-details-1 .prode-left .slider-nav{
		width: 100%;
		padding: 0 5%;
		margin: 10px 0;
	}
	.product-details-1 .prode-left .slider-nav .slick-arrow{
		position: absolute;
		left: auto;
		-webkit-transform: translateX(-0%);
		-ms-transform: translateX(-0%);
		-moz-transform: translateX(-0%);
		transform: translateX(-0%);
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 24px;
		height: 14px;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		transform: rotate(-90deg);
		margin-top: -11px;
	}
	.product-details-1 .prode-left .slider-nav .slick-arrow.slick-next{
		right: -3%;
	}
	.product-details-1 .prode-left .slider-nav .slick-arrow.slick-prev{
		top: 50%;
		left: -3%;
	}
	.product-details-1 .prode-right {
	    padding: 15px 0%;
	}
	.product-details-1 .prode-right .prode-tc {
	    font-size: 20px;
	}
	.product-details-1 .prode-right .prode-te {
	    font-size: 16px;
	    margin-top: 4px;
	}
	.product-details-1 .prode-right .prode-span span {
	    padding: 0 14px;
	    line-height: 30px;
	    border-radius: 15px;
	    font-size: 14px;
	}
	.product-details-1 .prode-right .prode-p{
		font-size: 14px;
		padding-bottom: 5px;
	}
	.product-details-1 .prode-right .prode-link {
	    margin-top: 15px;
	}
	.product-details-1 .prode-right .prode-link a {
	    padding: 0 12px;
	    line-height: 36px;
	    border-radius: 18px;
	    margin-right: 4px;
	    font-size: 14px;
	}
	.product-details-1 .prode-right .prode-link a > img{
		height: 20px;
		margin-right: 4px;
	}
}

.bg-223e55{
	background: #223e55;
}
.caseDe-top{
	float: left;
	width: 100%;
	padding: 54px 0;
	color: #fff;
}
.caseDe-top .left{
	float: left;
	font-size: 28px;
}
.caseDe-top .left span{
	font-family: 'CenturyGothic-Bold';
	text-transform: uppercase;
	font-size: 72px;
	margin-right: 50px;
}
.caseDe-top .right{
	float: right;
	margin-top: 3px;
}
.caseDe-top .right a{
	display: block;
	width: 136px;
	height: 48px;
	line-height: 46px;
	border-radius: 24px;
	font-size: 18px;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
}
.caseDe-top .right a:hover{
	opacity: 0.8;
}

.caseDe-fea{
	float: left;
	width: 100%;
	margin: 50px 0 80px 0;
}
.caseDe-fea .caseDe-fea-title{
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
}
.caseDe-fea .caseDe-fea-title::after{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
	background: #ccc;
	content: "";
	z-index: -1;
}
.caseDe-fea .caseDe-fea-title .caseDe-fea-san{
	display: inline-block;
	background: #fff;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
}
.caseDe-fea .caseDe-fea-title .caseDe-fea-san::before,
.caseDe-fea .caseDe-fea-title .caseDe-fea-san::after{
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	border: 4px solid #006fbb;
	border-radius: 100%;
	content: "";
}
.caseDe-fea .caseDe-fea-title .caseDe-fea-san::before{
	left: auto;
	right: 0;
}
.caseDe-fea .caseDe-fea-title .caseDe-fea-san .caseDe-fea-sanE{
	font-family: 'CenturyGothic';
	text-transform: uppercase;
	font-size: 36px;
	color: #223e55;
}
.caseDe-fea .caseDe-fea-title .caseDe-fea-san .caseDe-fea-sanC{
	font-size: 28px;
	color: #999;
}

.caseDe-fea > ul{
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 1.8;
	margin-top: 36px;
}
.caseDe-fea > ul > li{
	float: left;
	width: 48.4%;
	margin-top: 45px;
	margin-right: 3.2%;
	padding: 34px 52px 24px 52px;
	border: 1px solid #ccc;
}
.caseDe-fea > ul > li:nth-child(2n){
	margin-right: 0;
}
.caseDe-fea > ul > li .caseDe-ulT{
	float: left;
	width: 100%;
	position: relative;
	padding-left: 112px;
}
.caseDe-fea > ul > li .caseDe-ulT > img{
	position: absolute;
	left: 0;
}
.caseDe-fea > ul > li .caseDe-ulT .caseDe-ulTe{
	font-family: 'CenturyGothic-Bold';
	font-size: 42px;
	color: #008ed5;
}
.caseDe-fea > ul > li .caseDe-ulT .caseDe-ulTc{
	font-size: 28px;
	margin-top: 4px;
	color: #223e55;
}
.caseDe-fea > ul > li .caseDe-ulList{
	float: left;
	width: 100%;
	margin-top: 20px;
}
.caseDe-fea > ul > li .caseDe-ulList ul{
	float: left;
	width: 100%;
}
.caseDe-fea > ul > li .caseDe-ulList ul li{
	float: left;
	width: 100%;
	position: relative;
	padding-left: 20px;
	font-size: 18px;
	line-height: 1.4;
	margin-top: 10px;
}
.caseDe-fea > ul > li .caseDe-ulList ul li::after{
	position: absolute;
	left: 0;
	top: 10px;
	width: 5px;
	height: 5px;
	background: #008ed5;
	content: "";
}

.caseDe-fea > ul > li:nth-child(1) .caseDe-ulList ul,
.caseDe-fea > ul > li:nth-child(2) .caseDe-ulList ul{
	height: 95px;
}
.caseDe-fea > ul > li:nth-child(3) .caseDe-ulList ul,
.caseDe-fea > ul > li:nth-child(4) .caseDe-ulList ul{
	height: 140px;
}

@media (max-width: 1600px) {
	.caseDe-top .left{
		font-size: 24px;
	}
	.caseDe-top .left span {
	    font-size: 60px;
	    margin-right: 40px;
	}
	.caseDe-top .right a {
	    width: 124px;
	    height: 44px;
	    line-height: 42px;
	    border-radius: 22px;
	    font-size: 16px;
	}
}
@media (max-width: 1440px) {
	.caseDe-top {
	    padding: 36px 0;
	}
	.caseDe-top .left span {
	    font-size: 40px;
	    margin-right: 30px;
	}
	.caseDe-top .left {
	    font-size: 20px;
	}
	.caseDe-top .right a {
	    width: 112px;
	    height: 40px;
	    line-height: 38px;
	    border-radius: 20px;
	}
	
	.caseDe-fea {
	    margin: 40px 0 60px 0;
	}
	.caseDe-fea .caseDe-fea-title .caseDe-fea-san .caseDe-fea-sanE{
		font-size: 30px;
	}
	.caseDe-fea .caseDe-fea-title .caseDe-fea-san .caseDe-fea-sanC{
		font-size: 22px;
	}
	.caseDe-fea .caseDe-fea-title .caseDe-fea-san::before, .caseDe-fea .caseDe-fea-title .caseDe-fea-san::after{
		width: 12px;
		height: 12px;
		border-width: 3px;
	}
	.caseDe-fea > ul{
		font-size: 16px;
	}
	.caseDe-fea > ul > li {
	    margin-top: 36px;
	    padding: 24px 30px 24px 30px;
	}
	.caseDe-fea > ul > li .caseDe-ulT {
	    padding-left: 100px;
	}
	.caseDe-fea > ul > li .caseDe-ulT > img{
		width: 72px;
	}
	.caseDe-fea > ul > li .caseDe-ulT .caseDe-ulTe{
		font-size: 32px;
	}
	.caseDe-fea > ul > li .caseDe-ulT .caseDe-ulTc{
		font-size: 22px;
	}
	.caseDe-fea > ul > li .caseDe-ulList ul li{
		font-size: 16px;
	}
	.caseDe-mess {
	    padding: 40px 0 80px 0;
	}
	
}
@media (max-width: 1199px) {
	
	.caseDe-fea > ul > li{
		width: 100%;
		margin-right: 0;
	}
	.caseDe-fea > ul > li:nth-child(1) .caseDe-ulList ul, 
	.caseDe-fea > ul > li:nth-child(2) .caseDe-ulList ul,
	.caseDe-fea > ul > li:nth-child(3) .caseDe-ulList ul, 
	.caseDe-fea > ul > li:nth-child(4) .caseDe-ulList ul{
		height: auto;
	}
}
@media (max-width: 767px) {
	
	.caseDe-fea {
	    margin: 20px 0 30px 0;
	}
	.caseDe-fea .caseDe-fea-title .caseDe-fea-san::before, 
	.caseDe-fea .caseDe-fea-title .caseDe-fea-san::after{
		width: 10px;
		height: 10px;
	    border-width: 2px;	
	}
	.caseDe-fea .caseDe-fea-title .caseDe-fea-san {
	    padding-left: 24px;
	    padding-right: 24px;
	}
	.caseDe-fea .caseDe-fea-title .caseDe-fea-san .caseDe-fea-sanE {
	    font-size: 24px;
	}
	.caseDe-fea .caseDe-fea-title .caseDe-fea-san .caseDe-fea-sanC {
	    font-size: 18px;
	}
	.caseDe-fea > ul{
		font-size: 14px;
		margin-top: 24px;
	}
	.caseDe-fea > ul > li {
	    margin-top: 15px;
	    padding: 15px 15px 15px 15px;
	}
	.caseDe-fea > ul > li .caseDe-ulT {
	    padding-left: 80px;
	}
	.caseDe-fea > ul > li .caseDe-ulT > img {
	    width: 54px;
	}
	.caseDe-fea > ul > li .caseDe-ulT .caseDe-ulTe {
	    font-size: 24px;
	}
	.caseDe-fea > ul > li .caseDe-ulT .caseDe-ulTc {
	    font-size: 18px;
	}
	.caseDe-fea > ul > li .caseDe-ulList{
		margin-top: 10px;
	}
	.caseDe-fea > ul > li .caseDe-ulList ul li {
	    font-size: 14px;
		padding-left: 15px;
		margin-top: 5px;
	}
	.caseDe-fea > ul > li .caseDe-ulList ul li::after{
		top: 7px;
	}
}



.caseDe-mess{
	float: left;
	width: 100%;
	padding: 58px 0 136px 0;
}
.contact-3-form{
	float: left;
	width: 100%;
	margin-top: 15px;
	position: relative;
}
.contact-message-form .contact-me-fo-div1{
	float: left;
	width: 100%;
	margin-top: 20px;
	
}
.contact-message-form .contact-me-fo-div1 .contact-me-fo-input1{
	float: left;
	width: 49.2%;
	height: 72px;
	line-height: 24px;
	padding: 23px 1.8%;
	border: 1px solid #dcdcdc;
	background: none;
	font-size: 18px;
	color: #223e55;
	background: #fff;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.contact-message-form .contact-me-fo-div1 .contact-me-fo-input1.input-50{
	width: 60%;
	height: 24px;
	line-height: 24px;
	border: 0;
	padding: 0;
	border-radius: 0;
}
.contact-message-form .contact-me-fo-div1 .contact-me-fo-input2{
	float: left;
	width: 100%;
	height: 180px;
	line-height: 28px;
	padding: 20px 1.8%;
	border: 1px solid #dcdcdc;
	background: none;
	font-size: 18px;
	color: #333;
	background: #fff;
	border-radius: 10px;
}
.contact-message-form .contact-me-fo-div2 .contact-me-fo-input3{
	display: inline-block;
	width: 24%;
	height: 82px;
	line-height: 82px;
	background: #008ed5;
	font-size: 24px;
	color: #fff;
	border-radius: 10px;
	-webkit-transition: all 0.4s ease-out 0s;
	-moz-transition: all 0.4s ease-out 0s; 
	-o-transition: all 0.4s ease-out 0s; 
	transition: all 0.4s ease-out 0s;
}
.contact-message-form .contact-me-fo-div2 .contact-me-fo-input3:hover{
	opacity: 0.8;
}
.contact-message-form .contact-me-fo-div1 .contact-me-fo-input1.left{
	margin-right: 1.6%;
}
.contact-message-form .contact-me-fo-div1 .contact-me-fo-input1.right{
	margin-right: 0%;
}
.contact-message-form .contact-me-fo-div1.contact-me-fo-div3 .contact-me-fo-input1{
	width: 100%;
	border: 0px;
	height: 64px;
	line-height: 64px;
	padding-right: 4.8%;
	padding-left: 4.8%;
}
.contact-message-form .contact-me-fo-div1 .contact-me-fo-input1::-webkit-input-placeholder {
	color: #223e55;
}
.contact-message-form .contact-me-fo-div1 .contact-me-fo-input2::-webkit-input-placeholder {
	color: #223e55;
}

.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex{
	position: absolute;
	right: 6%;
	float: left;
	overflow: hidden;
}
.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex span{
	display: inline-block;
	line-height: 24px;
	margin-left: 38px;
}
.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex span input[type=radio]{
	float: left;
	width: 23px;
	height: 23px;
	border:0;
	padding: 0;
	margin: 0;
	outline:none;
	margin-right:15px;
	margin-top: 0px;
	background: url(../images/case/radio.png) no-repeat;
	appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex span label{
	float: left;
	padding: 0;
	margin: 0;
	font-size: 20px;
	color: #999;
	font-weight: normal;
}
.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex span input[type=radio]:checked{
	background: url(../images/case/radio-on.png) no-repeat;
}
.contact-message-form .contact-me-fo-div2{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex span label{
	color: #666;
}
.contact-message-form .contact-me-fo-div1 > .contact-me-fo-input1{
	padding-left: 1.6%;
}
.contact-message-form .contact-me-fo-div1 .contact-me-fo-input2{
	padding-left: 1.6%; 
	padding-right: 1.6%;
}

@media (max-width: 1440px){
	.contact-3-form {
	    margin-top: 40px;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-input1{
		padding: 15px 1.6%;
		height: 64px;
		line-height: 34px;
		font-size: 18px;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-input1.input-50{
		height: 34px;
		line-height: 34px;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-input2{
		height: 200px;
		font-size: 18px;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex span label{
		font-size: 18px;
	}
	.contact-message-form .contact-me-fo-div2 .contact-me-fo-input3{
		height: 60px;
		line-height: 60px;
		font-size: 24px;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex span input[type=radio]{
		width: 23px;
		height: 23px;
		background-size: 100% 100%!important;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex span input[type=radio]:checked{
		background-size: 100% 100%!important;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex{
		height: 34px;
		padding-top: 5px;
	}
}
@media (max-width: 1199px){
	.caseDe-mess {
	    padding: 48px 0 86px 0;
	}
	
	.contact-message-form .contact-me-fo-div1{
		margin-top: 15px;
	}
	.contact-message-form .contact-me-fo-div2{
		margin-top: 24px;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex span{
		margin-left: 20px;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex span input[type=radio]{
		margin-right: 10px;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex{
		right: 5%;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-input1.input-50{
		width: 50%;
		margin-top: 0px;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-input1{
		width: 100%;
		margin-top: 10px;
	}
	.contact-message-form .contact-me-fo-div1{
		margin-top: 0;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-input2{
		margin-top: 10px;
	}
	.contact-3-form {
	    margin-top: 20px;
	}
}
@media (max-width: 991px){
	.product-details-1 .prode-left .slider-nav {
	    margin: 22px 0;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-input1{
		width: 100%;
		margin-right: 0;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-input1.left{
		margin-right: 0;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-input1.right{
		margin-top: 20px;
	}
	.contact-message-form .contact-me-fo-div1{
		margin-top: 20px;
	}
}
@media (max-width: 767px){
	.caseDe-mess {
	    padding: 20px 0 20px 0;
	}
	.contact-3-form{
		margin-top: 20px;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-input1{
		width: 100%;
		margin-right: 0;
		padding: 10px 3%;
		height: 48px;
		line-height: 28px;
		font-size: 14px;
	}
	.contact-message-form .contact-me-fo-div1.contact-me-fo-div3 .contact-me-fo-input1{
		height: 48px;
		line-height: 28px;
		margin-top: 0;
		padding-left: 5%;
		padding-right: 5%;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex{
		padding-top: 0;
	}
	.contact-message-form .contact-me-fo-div1.contact-me-fo-div3{
		padding-right: 42%;
	}
	.contact-message-form .contact-me-fo-div1.contact-me-fo-div3 .contact-me-fo-sex{
		left: 58%;
		max-height: 48px;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-input1.left{
		margin-right: 0;
	}
	.contact-message-form .contact-me-fo-div1{
		margin-top: 0px;
	}
	
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex span{
		line-height: 26px;
		margin-left: 0;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex span label{
		margin-right: 5px;
		font-size: 14px;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex span input[type=radio]{
		margin-top: 3px;
		margin-right: 10px;
		width: 20px;
		height: 20px;
		background-size: 100% 100%;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-sex span input[type=radio]:checked{
		width: 20px;
		height: 20px;
		background-size: 100% 100%;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-input2{
		line-height: 28px;
		padding: 10px 3%;
		height: 140px;
		font-size: 14px;
	}
	.contact-message-form .contact-me-fo-div2 {
	    margin-top: 15px;
	}
	.contact-message-form .contact-me-fo-div2 .contact-me-fo-input3{
		padding: 0;
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-input1.input-50{
		height: 26px;
		line-height: 26px;
	}
	.contact-3-form {
	    margin-top: 10px;
	}
	.contact-message-form .contact-me-fo-div1 .contact-me-fo-input1.right {
	    margin-top: 10px;
	}
	.connect-2 .contact-message-form .contact-me-fo-div1 {
	    margin-top: 10px;
	}
}

/*品牌介绍*/
.brand-1{
	float: left;
	width: 100%;
	margin-top: 5px;
}
.brand-1 ul{
	float: left;
	width: 100%;
}
.brand-1 ul li{
	float: left;
	width: 48.6%;
	margin-right: 2.8%;
	margin-top: 40px;
	padding-left: 316px;
	padding-right: 2%;
	border: 1px solid #dcdcdc;
	position: relative;
}
.brand-1 ul li:nth-child(2n){
	margin-right: 0;
}
.brand-1 ul li > a{
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 316px;
	overflow: hidden;
}
.brand-1 ul li > a img{
	
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.brand-1 ul li:hover > a img{
	-webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.brand-1-text{
	float: left;
	width: 100%;
	padding: 30px 0;
}
.brand-1-text .brand-1-t{
	font-family: 'CenturyGothic-Bold';
	float: left;
	width: 100%;
	font-size: 24px;
	line-height: 1.4;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: uppercase;
}
.brand-1-text .brand-1-p{
	float: left;
	width: 100%;	
	font-size: 16px;
	line-height: 1.5;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.brand-1-text .brand-1-a{
	float: left;
	width: 100%;
		margin-top: 10px;
}
.brand-1-text .brand-1-a a{
	padding-left: 18px;
	font-size: 16px;
	color: #008ed5;
	background: url(../images/brand/more.png) left center no-repeat;
}


.brand-2{
	float: left;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 60px;
}
.brand-2 ul{
	float: left;
	width: 100%;
}
.brand-2 ul li{
	float: left;
	width: 48.4%;
}
.brand-2 ul li:nth-child(2n){
	float: right;
}
.brand-2 ul li span{
	display: block;
	width: 100%;
	overflow: hidden;
}
.brand-2 ul li span img{
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.brand-2 ul li:hover span img{
	-webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);	 
}
.brand-2 ul li .brand-2-text{
	float: left;
	width: 100%;
	height: 390px;
	background: #f9f9f9;
	padding: 36px 7.3% 0 7.3%;
}
.brand-2 ul li .brand-2-text .brand-2-span{
	float: left;
	width: 100%;
}
.brand-2 ul li .brand-2-text .brand-2-span span{
	display: inline-block;
	width: auto;
	padding: 0 22px;
	font-size: 24px;
	line-height: 54px;
	border-radius: 10px;
	background: #008ed5;
	color: #fff;
}
.brand-2 ul li .brand-2-text .brand-2-p{
	float: left;
	width: 100%;
	font-size: 18px;
	margin-top: 20px;
	line-height: 2;
	color: #666;
}

.brand-3{
	float: left;
	width: 100%;
	padding-top: 36px;
	padding-bottom: 120px;
}
.brand-3-title{
	float: left;
	width: 100%;
	text-align: center;
}
.brand-3-title span{
	display: inline-block;
	padding: 0 22px;
	line-height: 56px;
	font-size: 24px;
	border-radius: 10px;
	color: #fff;
	background: #008ed5;
}
.brand-3-ul{
	float: left;
	width: 100%;
	margin-top: 32px;
}
.brand-3-ul .slick-list{
	margin: 0 -20px;
}
.brand-3-ul .slick-slide{
	padding: 0 20px;
}
.brand-3-li{}
.brand-3-li span{
	display: block;
	width: 100%;
	overflow: hidden;
}
.brand-3-ul .slick-slide span img{
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.brand-3-ul .slick-slide:hover span img{
-webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);	
}
.brand-3-li  .brand-3-li-text{
	color: #666;
	margin-top: 28px;
}
.brand-3-li .brand-3-li-text .brand-3-li-c{
	font-size: 18px;
}
.brand-3-li .brand-3-li-text .brand-3-li-e{
	font-size: 14px;
	line-height: 1.6;
	margin-top: 10px;
}
.brand-3-ul .slick-arrow{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 24px;
	height: 44px;
	background-size: 100% 100%!important;
	z-index: 2;
}
.brand-3-ul .slick-arrow.slick-next{
	right: -78px;
	background: url(../images/brand/right.png) no-repeat;
}
.brand-3-ul .slick-arrow.slick-prev{
	left: -78px;
	background: url(../images/brand/left.png) no-repeat;
}
@media (max-width: 1680px){
	.brand-3-ul{
		padding: 0 3%;
	}
	.brand-3-ul .slick-arrow.slick-prev {
	    left: -28px;
	}
	.brand-3-ul .slick-arrow.slick-next {
	    right: -28px;
	}
}
@media (max-width: 1600px){
	.brand-3-ul .slick-arrow.slick-prev {
	    left: -20px;
	}
	.brand-3-ul .slick-arrow.slick-next {
	    right: -20px;
	}
	.brand-3-ul .slick-slide {
	    padding: 0 15px;
	}
	.brand-3-ul .slick-list {
	    margin: 0 -15px;
	}
}
@media (max-width: 1440px){
	.brand-1 ul li {
	    margin-top: 30px;
	    padding-left: 300px;
	}
	.brand-1 ul li > a{
		width: 300px;
	}
	.brand-1-text {
	    padding: 24px 0;
	}
	.brand-1-text .brand-1-t{
		font-size: 20px;
	}
	.brand-1-text .brand-1-p{
		font-size: 14px;
	}
	.brand-1-text .brand-1-a a{
		font-size: 14px;
	}
	.brand-2 {
	    margin-top: 40px;
	    margin-bottom: 40px;
	}
	.brand-2 ul li .brand-2-text {
	    height: 360px;
	    padding: 30px 6% 0 6%;
	}
	.brand-2 ul li .brand-2-text .brand-2-span span {
	    padding: 0 18px;
	    font-size: 20px;
	    line-height: 48px;
	}
	.brand-2 ul li .brand-2-text .brand-2-p {
	    font-size: 16px;
	    margin-top: 15px;
	}
	.brand-3 {
	    padding-bottom: 80px;
	}
	.brand-3-title span {
	    padding: 0 18px;
	    line-height: 48px;
	    font-size: 20px;
	}
	.brand-3-li .brand-3-li-text {
	    margin-top: 20px;
	}
	.brand-3-li .brand-3-li-text .brand-3-li-c {
	    font-size: 16px;
	}
}
@media (max-width: 1199px){
	.brand-1 ul li {
	    margin-top: 24px;
	    padding-left: 180px;
	}
	.brand-1 ul li > a {
	    width: 180px;
	}
	.brand-2 ul li .brand-2-text .brand-2-span span {
	    padding: 0 14px;
	    font-size: 16px;
	    line-height: 36px;
	}
	.brand-2 ul li .brand-2-text .brand-2-p {
	    font-size: 14px;
	    margin-top: 10px;
	}
}
@media (max-width: 991px){
	.brand-1 ul li{
		width: 100%;
		margin-right: 0;
		padding-left: 240px;
	}
	.brand-1 ul li > a{
		width: 240px;
	}
	.brand-2 ul li{
		width: 100%;
	}
	.brand-2 ul li .brand-2-text{
		height: auto;
		padding-bottom: 40px;
	}
	.brand-2 ul li .brand-2-text .brand-2-p{
		line-height: 1.8;
	}
}
@media (max-width: 767px){
	.brand-1 ul li {
	    padding-left: 150px;
		margin-top: 10px;
	}
	.brand-1 ul li > a {
	    width: 150px;
	}
	.brand-1-text {
	    padding: 10px 0;
	}
	.brand-1-text .brand-1-t {
	    font-size: 18px;
	}
	.brand-1-text .brand-1-p {
	    font-size: 12px;
	}
	.brand-1-text .brand-1-a{
		margin-top: 4px;
	}
	.brand-1-text .brand-1-a a {
	    font-size: 12px;
	}
	.brand-2 {
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	.brand-2 ul li .brand-2-text {
	    padding: 20px 4% 20px 4%;
	}
	.brand-2 ul li .brand-2-text .brand-2-span span {
	    padding: 0 12px;
	    font-size: 14px;
	    line-height: 32px;
	}
	.brand-3 {
		padding-top: 20px;
	    padding-bottom: 20px;
	}
	.brand-3-ul{
		margin-top: 15px;
	}
	.brand-3-title span {
		padding: 0 16px;
		font-size: 16px;
		line-height: 38px;
	}
	.brand-3-ul .slick-slide {
	    padding: 0 60px;
	}
	.brand-3-ul .slick-list {
	    margin: 0 -60px;
	}
	.brand-3-ul .slick-arrow{
		width: 18px;
		height: 32px;
	}
	.brand-3-ul .slick-arrow.slick-prev {
	    left: -10px;
	}
	.brand-3-ul .slick-arrow.slick-next {
	    right: -10px;
	}
}

.technology-list{
	float: left;
	width: 100%;
	padding: 80px 0 146px 0;
}
.technology-list ul{
	float: left;
	width: 100%;
}
.technology-list ul li{
	float: left;
	width: 100%;
	background: #efefef;
	position: relative;
	min-height:250px;
}
.technology-list ul li > span{
	float: left;
	width: 50%;
	position: relative;
	overflow: hidden;
}
.technology-list ul li > span img{
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.technology-list ul li:hover > span img{
	-webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.technology-list ul li > span::after{
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
	width: 22px;
	height: 44px;
	background: url(../images/technology/left.png) no-repeat;
	background-size: 100% 100%;
}
.technology-list ul li:nth-child(2n) > span::after{
	right: auto;
	left: 0;
	background: url(../images/technology/right.png) no-repeat;
	background-size: 100% 100%;
}
.technology-list ul li .tec-text{
	float: left;
	width: 50%;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0 5%;
}
.technology-list ul li:nth-child(2n) .tec-text{
	right: auto;
	left: 0;
}
.technology-list ul li .tec-text .tec-text-t{
	float: left;
	width: 100%;
	position: relative;
}
.technology-list ul li .tec-text .tec-text-t > span{
	font-family: 'DINEngschriftStd';
	float: left;
	margin-right: 8px;
	font-size: 108px;
	line-height: 80px;
	color: #008ed5;
}
.technology-list ul li .tec-text .tec-text-t .tec-text-t1{
	font-size: 18px;
	margin-top: 14px;
	color: #008ed5;
}
.technology-list ul li .tec-text .tec-text-t .tec-text-t2{
	margin-top: 6px;
}
.technology-list ul li .tec-text .tec-text-t .tec-text-t2 span{
	display: inline-block;
	padding: 0 15px;
	line-height: 42px;
	font-size: 24px;
	border-radius: 10px;
	background: #008ed5;
	color: #fff;
}
.technology-list ul li .tec-text .tec-text-p{
	float: left;
	width: 100%;
	font-size: 16px;
	margin-top: 20px;
	line-height: 1.8;
	color: #666;
}
.technology-list ul li:nth-child(2n) > span{
	float: right;
}
@media (max-width: 1440px){
	.technology-list {
	    padding: 60px 0 100px 0;
	}
	.technology-list ul li .tec-text{
		padding: 0 4%;
	}
	.technology-list ul li .tec-text .tec-text-t .tec-text-t1 {
	    font-size: 16px;
	    margin-top: 0px;
	}
	.technology-list ul li .tec-text .tec-text-t .tec-text-t2 span {
	    padding: 0 12px;
	    line-height: 36px;
	    font-size: 18px;
	}
	.technology-list ul li .tec-text .tec-text-t > span{
		font-size: 80px;
		line-height: 60px;
	}
	.technology-list ul li .tec-text .tec-text-p {
	    font-size: 14px;
	    margin-top: 15px;
	    line-height: 1.6;
	}
}
@media (max-width: 1199px){
	.technology-list ul li .tec-text .tec-text-t > span{
		font-size: 70px;
		line-height: 50px;
	}
	.technology-list ul li .tec-text .tec-text-t .tec-text-t1{
		font-size: 14px;
	}
	.technology-list ul li .tec-text .tec-text-t .tec-text-t2 span {
	    padding: 0 10px;
	    line-height: 30px;
	    font-size: 14px;
		border-radius: 6px;
	}
	.technology-list ul li .tec-text .tec-text-p{
		margin-top: 10px;
	}
	.technology-list ul li > span::after{
		width: 18px;
		height: 36px;
	}
	.technology-list {
	    padding: 50px 0 80px 0;
	}
}
@media (max-width: 991px){
	.technology-list ul li{
		margin-top: 15px;
	}
	.technology-list ul li > span{
		width: 100%;
	}
	.technology-list ul li > span::after{
		display: none;
	}
	.technology-list ul li .tec-text{
		width: 100%;
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		-webkit-transform: translateY(-0%);
		-ms-transform: translateY(-0%);
		-moz-transform: translateY(-0%);
		transform: translateY(-0%);
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.technology-list {
	    padding: 40px 0 50px 0;
	}
}
@media (max-width: 767px){
	.technology-list {
	    padding: 10px 0 20px 0;
	}
	.technology-list ul li .tec-text{
		padding: 20px 3%;
	}
	.technology-list ul li .tec-text .tec-text-t > span {
	    font-size: 58px;
	    line-height: 44px;
	}
	.technology-list ul li .tec-text .tec-text-t .tec-text-t2{
		margin-top: 4px;
	}
	.technology-list ul li .tec-text .tec-text-t .tec-text-t2 span{
		line-height: 24px;
		padding: 0 8px;
	}
}

/*服务支持*/
.server-1{
	float: left;
	width: 100%;
	padding-top: 68px;
}
.server-1 ul{
	float: left;
	width: 100%;
	margin-top: 8px;
}
.server-1 ul li{
	float: left;
	width: 100%;
	margin-top: 30px;
	padding-left: 430px;
	position: relative;
	background: #f9f9f9;
}
.server-1 ul li > span{
	position: absolute;
	left: 0;
	top: 0;
	width: 430px;
	overflow: hidden;
}
.server-1 ul li > span img{
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.server-1 ul li:hover > span img{
	-webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.server-1 ul li .server-1-text{
	float: left;
	width: 100%;
	padding: 0 4.2%;
}
.server-1 ul li .server-1-text .server-1-c{
	height: 32px;
	line-height: 32px;
	font-size: 32px;
	margin-top: 36px;
	color: #223e55;
	font-weight: bold;
}
.server-1 ul li .server-1-text .server-1-e{
	font-family: 'CenturyGothic';
	height: 46px;
	font-size: 24px;
	padding-bottom: 22px;
	margin-top: 8px;
	color: #008ed5;
	text-transform: uppercase;
	position: relative;
}
.server-1 ul li .server-1-text .server-1-e::after{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 22px;
	height: 4px;
	background: #008ed5;
	content: "";
}
.server-1 ul li .server-1-text .server-1-p{
	margin-bottom: 60px;
	font-size: 18px;
	height: 72px;
	margin-top: 12px;
	line-height: 2;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.server-2{
	float: left;
	width: 100%;
	padding: 74px 0 164px 0;
}
.server-2-p{
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 1.6;
	color: #666;
	padding: 30px 0 40px 0;
}
.server-2-tp{
	float: left;
	width: 100%;
	background: #f9f9f9;
}
.server-2-tp .server-2-left{
	float: left;
	width: 50%;
	padding: 36px 2.6% 0 2.6%;
}
.server-2-tp .server-2-left .server-2-Lt{
	float: left;
	width: 100%;
}
.server-2-tp .server-2-left .server-2-Lt span{
	display: block;
	float: left;
	padding: 0 24px;
	font-size: 24px;
	line-height: 56px;
	border-radius: 28px;
	color: #fff;
	background: #008ed5;
}
.server-2-tp .server-2-left .server-2-Llist{
	float: left;
	width: 100%;
	margin-top: 20px;
	font-size: 20px;
	line-height: 2;
	color: #333;
}
.server-2-tp .server-2-left .server-2-Llist ul{
	float: left;
	width: 100%;
}
.server-2-tp .server-2-left .server-2-Llist ul li{
	float: left;
	width: 100%;
	position: relative;
	padding-left: 15px;
}
.server-2-tp .server-2-left .server-2-Llist ul li::after{
	position: absolute;
	left: 0;
	top: 19px;
	width: 4px;
	height: 4px;
	background: #333;
	border-radius: 100%;
	content: "";
}
.server-2-tp .server-2-right{
	float: left;
	width: 50%;
}
.server-2-country{
	float: left;
	width: 100%;
}
.server-2-country ul{
	float: left;
	width: 100%;
	margin-top: 5px;
}
.server-2-country ul li{
	float: left;
	width: 48.3%;
	margin-right: 3.4%;
	margin-top: 30px;
	border: 1px dashed #d2d2d2;
	border-radius: 10px;
	padding-left: 300px;
	position: relative;
	overflow: hidden;
}
.server-2-country ul li:nth-child(2n){
	margin-right: 0;
}
.server-2-country ul li > span{
	position: absolute;
	left: 0;
	top: 0;
	width: 300px;
}
.server-2-country ul li .server-2C-text{
	float: left;
	width: 100%;
	padding: 40px 3% 30px 0;
}
.server-2-country ul li .server-2C-text .server-2C-t{
	float: left;
	width: 100%;
	font-size: 24px;
	height: 24px;
	color: #00a4dc;
}
.server-2-country ul li .server-2C-text .server-2C-p{
	float: left;
	width: 100%;
	font-size: 16px;
	height: 140px;
	line-height: 28px;
	margin-top: 20px;
	color: #333;
}
@media (max-width: 1440px){
	.server-1 ul li .server-1-text .server-1-c{
		font-size: 26px;
	}
	.server-1 ul li .server-1-text .server-1-e{
		font-size: 22px;
	}
	.server-1 ul li .server-1-text .server-1-p{
		font-size: 16px;
	}
	.server-2-p{
		font-size: 16px;
	}
	.server-2-tp .server-2-left {
	    padding: 30px 2.4% 0 2.4%;
	}
	.server-2-tp .server-2-left .server-2-Lt span {
	    padding: 0 20px;
	    font-size: 20px;
	    line-height: 48px;
	    border-radius: 24px;
	}
	.server-2-tp .server-2-left .server-2-Llist {
	    margin-top: 15px;
	    font-size: 18px;
	}
	.server-2-tp .server-2-left .server-2-Llist ul li::after{
		top: 16px;
	}
	.server-2-country ul li .server-2C-text .server-2C-t{
		font-size: 22px;
	}
	.server-2-country ul li .server-2C-text .server-2C-p {
	    font-size: 14px;
	}
}
@media (max-width: 1199px){
	.server-1 {
	    padding-top: 48px;
	}
	.server-1 ul li {
	    margin-top: 20px;
	    padding-left: 360px;
	}
	.server-1 ul li > span{
		width: 360px;
	}
	.server-1 ul li .server-1-text {
	    padding: 0 4%;
	}
	.server-1 ul li .server-1-text .server-1-c {
	    font-size: 20px;
		margin-top: 36px;
	}
	.server-1 ul li .server-1-text .server-1-e {
	    height: 36px;
	    font-size: 20px;
	    padding-bottom: 18px;
	    margin-top: 6px;
	}
	.server-1 ul li .server-1-text .server-1-p {
	    margin-bottom: 40px;
	    font-size: 14px;
	    height: 56px;
	    margin-top: 17px;
	}
	.server-2 {
	    padding: 60px 0 120px 0;
	}
	.server-2-p{
		padding: 20px 0 30px 0;
	}
	.server-2-tp .server-2-left {
	    padding: 24px 2% 0 2%;
	}
	.server-2-tp .server-2-left .server-2-Lt span {
	    padding: 0 16px;
	    font-size: 18px;
	    line-height: 40px;
	    border-radius: 20px;
	}
	.server-2-tp .server-2-left .server-2-Llist {
	    margin-top: 12px;
	    font-size: 16px;
		line-height: 1.8;
	}
	.server-2-tp .server-2-left .server-2-Llist ul li::after {
	    top: 12px;
	}
	.server-2-country ul li {
	    margin-right: 3%;
	    margin-top: 24px;
	    padding-left: 200px;
	}
	.server-2-country ul li > span{
		width: 200px;
	}
	.server-2-country ul li .server-2C-text {
	    padding: 20px 2.4% 18px 0;
	}
	.server-2-country ul li .server-2C-text .server-2C-t {
	    font-size: 18px;
	}
	.server-2-country ul li .server-2C-text .server-2C-p {
	    height: 100px;
	    line-height: 20px;
	    margin-top: 10px;
	}
}
@media (max-width: 991px){
	.server-1 {
	    padding-top: 40px;
	}
	.server-1 ul li {
	    margin-top: 18px;
	    padding-left: 280px;
	}
	.server-1 ul li > span {
	    width: 280px;
	}
	.server-1 ul li .server-1-text .server-1-c {
	    font-size: 18px;
	    margin-top: 20px;
	}
	.server-1 ul li .server-1-text .server-1-e {
	    height: 28px;
	    font-size: 18px;
	    padding-bottom: 10px;
	    margin-top: 4px;
	}
	.server-1 ul li .server-1-text .server-1-p {
	    margin-bottom: 26px;
	    font-size: 14px;
	    height: 48px;
	    margin-top: 15px;
	}
	.server-2 {
	    padding: 40px 0 80px 0;
	}
	.server-2-tp .server-2-left{
		width: 100%;
		padding: 24px 3% 24px 3%;
	}
	.server-2-tp .server-2-right{
		width: 100%;
	}
	.server-2-country ul li{
		width: 100%;
		margin-right: 0;
	}
}
@media (max-width: 767px){
	.server-1 {
	    padding-top: 30px;
	}
	.server-1 ul li{
		padding-left: 0;
		margin-top: 10px;
	}
	.server-1 ul li > span{
		width: 100%;
		position: relative;
		left: auto;
		top: auto;
	}
	.server-1 ul li .server-1-text .server-1-c{
		height: auto;
		margin-top: 10px;
	}
	.server-1 ul li .server-1-text .server-1-p {
	    margin-bottom: 15px;
	    height: auto;
		line-height: 1.8;
	    margin-top: 10px;
	}
	.server-2-p {
		font-size: 14px;
	    padding: 15px 0 20px 0;
	}
	.server-2-tp .server-2-left {
	    padding: 18px 3% 18px 3%;
	}
	.server-2-tp .server-2-left .server-2-Lt span {
	    padding: 0 12px;
	    font-size: 16px;
	    line-height: 36px;
	    border-radius: 18px;
	}
	.server-2-tp .server-2-left .server-2-Llist{
		font-size: 14px;
	}
	.server-2-country ul li{
		padding-left: 0;
		margin-top: 10px;
	}
	.server-2-country ul li > span {
		display: block;
	    width: 100%;
		text-align: center;
		position: relative;
		left: auto;
		top: auto;
	}
	.server-2-country ul li .server-2C-text {
	    padding: 0px 3.6% 18px 3.6%;
	}
	.server-2-country ul li .server-2C-text .server-2C-p{
		height: auto;
	}
	.server-2 {
	    padding: 30px 0 20px 0;
	}
	
}

.news{
	float: left;
	width: 100%;
	padding-bottom: 150px;
}
.news ul{
	float: left;
	width: 100%;
	margin-top: 12px;
}
.news ul li{
	float: left;
	width: 48%;
	padding: 36px 30px 60px 30px;
	margin-right: 4%;
	margin-top: 54px;
	background: #fff;
	box-shadow: 4px 0 15px rgba(0,0,0,0.25);
}
.news ul li:nth-child(2n){
	margin-right: 0;
}
.news ul li > a{
	display: block;
	width: 100%;
	overflow: hidden;
}
.news ul li > a img{
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.news ul li:hover > a img{
	-webkit-transform: scale(1.1);
	-mos-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.news ul li .news-text{
	float: left;
	width: 100%;
}
.news ul li .news-text-t{
	float: left;
	width: 100%;
	font-size: 24px;
	margin-top: 40px;
	color: #008ed5;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news ul li .news-text-p{
	float: left;
	width: 100%;
	margin-top: 18px;
	font-size: 18px;
	height: 64px;
	line-height: 32px;
	color: #999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.news ul li .news-text-a{
	float: left;
	width: 100%;
	margin-top: 36px;
}
.news ul li .news-text-a a{
	display: inline-block;
	font-size: 16px;
	padding: 0 26px;
	line-height: 42px;
	border: 1px solid #008ed5;
}
.news ul li .news-text-a a:hover{
	background: #008ed5;
	color: #fff;
}
@media (max-width: 1440px){
	.news {
	    padding-bottom: 120px;
	}
	.news ul li {
	    padding: 30px 24px 40px 24px;
	    margin-top: 40px;
	}
	.news ul li .news-text-t {
	    font-size: 22px;
	    margin-top: 30px;
	}
	.news ul li .news-text-p {
	    margin-top: 14px;
	    font-size: 16px;
	    height: 56px;
	    line-height: 28px;
	}
	.news ul li .news-text-a {
	    margin-top: 30px;
	}
	.news ul li .news-text-a a {
	    font-size: 14px;
	    padding: 0 22px;
	    line-height: 36px;
	}
}
@media (max-width: 1199px){
	.news ul li {
		width: 48.5%;
		margin-right: 3%;
	    padding: 24px 20px 28px 20px;
	    margin-top: 30px;
	}	
	.news ul li .news-text-t {
	    font-size: 20px;
	    margin-top: 20px;
	}
	.news ul li .news-text-p {
	    margin-top: 10px;
	    font-size: 14px;
	    height: 48px;
	    line-height: 24px;
	}
	.news ul li .news-text-a {
	    margin-top: 20px;
	}
	.news ul li .news-text-a a {
	    padding: 0 20px;
	    line-height: 32px;
	}
}
@media (max-width: 991px){
	.news ul li{
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}
	.news {
	    padding-bottom: 60px;
	}
}
@media (max-width: 767px){
	.news {
	    padding-bottom: 40px;
	}
	.news ul li {
	    margin-top: 10px;
		padding: 15px 12px 18px 12px;
	}
	.news ul li .news-text-t{
		font-size: 18px;
	}
	.news ul li .news-text-a {
	    margin-top: 12px;
	}
}

/*新闻详情*/
.newsDe-1{
	float: left;
	width: 100%;
	padding: 60px 0 0px 0;
}
.newsDe-1 .newDe-h1{
	float: left;
	width: 100%;
	font-size: 42px;
	color: #333;
	text-align: center;
}
.newsDe-1 .newsDe-1-con{
	float: left;
	width: 100%;
	margin-top: 70px;
	padding: 0 2.1% 0px 2.1%;
	background: #fff;
}

.news-de-2-f {
    float: left;
    width: 100%;
    padding: 24px 0 20px 0;
    line-height: 30px;
    border-bottom: 1px solid #e1ddd4;
}

.news-de-2-f .news-de-2-time{
	float: left;
	font-size: 20px;
	color: #008ed5;
}
.news-de-2-f .news-de-2-time img{
	vertical-align: middle;
	padding-bottom: 3px;
	margin-right: 14px;
}
.news-de-2-f .news-de-2-time .span1{
	padding-right: 30px;
	position: relative;
}
.news-de-2-f .news-de-2-time .span1::after{
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 16px;
	background: #9acbd8;
	content: "";
}
.news-de-2-f .news-de-2-time .span2{
	display: inline-block;
	padding-left: 24px;
}

.news-de-2-f .news-de-2-fun{
	float: right;
	max-width: 36%;
	height: 32px;
	overflow: hidden;
}
.news-de-2-f .news-de-2-fun a{
	width: 76px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	position: relative;
	margin: 0;
	padding: 0;
}

.news-de-2-f .news-de-2-fun a:first-child:after{
	display: none;
}
.news-de-2-f .news-de-2-fun a:hover{
	color: #fff;
	opacity: 0.8;
}
.news-de-2-f .news-de-2-fun a:after{
	position: absolute;
	left: -0px;
	top: 50%;
	margin-top: -16px;
	font-size: 16px;
	content: "|";
	color: #ccc;
}
.news-de-2-f .news-de-2-fun .switcher-bigger{
	float: left;
	background: url(../images/news/jia.png) center no-repeat;
}
.news-de-2-f .news-de-2-fun .switcher-small{
	float: left;
	background: url(../images/news/jian.png) center no-repeat;
}
.news-de-2-f .news-de-2-fun .bdsharebuttonbox{
	float: left;
}
.news-de-2-f .news-de-2-fun .bdsharebuttonbox a:first-child:after{
	display: block;
}
.news-de-2-f .bdshare-button-style0-16 .bds_sc{
	background-position: 0 0 !important;
	background: url(../images/news/sc.png) center no-repeat !important;
}
.news-de-2-f .bdshare-button-style0-16 .bds_tsina{
	background-position: 0 0 !important;
	background: url(../images/news/wb.png) center no-repeat !important;
}
.news-de-2-f .bdshare-button-style0-16 .bds_weixin{
	background-position: 0 0 !important;
	background: url(../images/news/wx.png) center no-repeat !important;
}
.news-de-2-f .bdshare-button-style0-16 .bds_more{
	background-position: 0 0 !important;
	background: url(../images/news/fx.png) center no-repeat !important;
}

.newsDe-1-con .text{
	float: left;
	width: 100%;
	font-size: 18px;
	line-height: 2;
	padding: 36px 0 80px 0;
}
.newsDe-1-con .text img{
	max-width: 100%;
}
.newsDe-1-con .text p,
.newsDe-1-con .text span{
	word-wrap: break-all!important;
	word-break: normal!important;
}

.news-page{
	float: left;
	width: 100%;
	margin: 44px 0 134px 0;
	position: relative;
}
.news-page .news-page-1{
	float: left;
	width: 80%;
	margin-top: 4px;
	padding-left: 96px;
	position: relative;
}
.news-page .news-page-1 span{
	position: absolute;
	left: 0;
	top: 0;
	width: 96px;
	height: 40px;
	line-height: 38px;
	font-size: 18px;
	border-radius: 20px;
	text-align: center;
	border: 1px dashed #ccc;
	color: #333;
	text-align: center;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s; 
	-o-transition: all 0.3s ease-out 0s; 
	transition: all 0.3s ease-out 0s;
}
.news-page .news-page-1 a{
	display: block;
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	padding: 0 30px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news-page .news-page-1:hover span{
	color: #008ed5;
	border: 1px dashed #008ed5;
}
.news-page .news-page-1:hover a{
	color: #008ed5;
}
.news-page .return{
	position: absolute;
	right: 0;
	top: 0;
	width: 220px;
	height: 72px;
	line-height: 72px;
	font-size: 20px;
	text-align: center;
	border-radius: 36px;
	color: #fff;
	background: #008ed5;
}
.news-page .return img{
	vertical-align: middle;
	padding-bottom: 3px;
	margin-right: 16px;
}
.news-page .return:hover{
	opacity: 0.8;
}

.more-news{
	float: left;
	width: 100%;
	padding-top: 86px;
}
.more-a{
	float: left;
	width: 100%;
	margin-top: 64px;
	text-align: center;
}
.more-a a{
	display: inline-block;
	width: 228px;
	height: 70px;
	line-height: 68px;
	font-size: 24px;
	border: 1px dashed #9acbd8;
	border-radius: 34px;
	color: #333;
	text-align: center;
}
.more-a a:hover{
	color: #fff;
	background: #9acbd8;
	border: 1px solid #9acbd8;
}
.p1 span{
	display: inline-block;
	padding: 0 32px;
	line-height: 68px;
	border-radius: 10px;
	font-size: 24px;
	color: #fff;
	background: #008ed5;
}
@media (max-width: 1199px) {
	.newsDe-1 {
	    padding: 40px 0 0px 0;
	}
	.newsDe-1 .newDe-h1 {
	    font-size: 24px;
	}
	.newsDe-1 .newsDe-1-con {
	    margin-top: 40px;
	}
	.news-de-2-f .news-de-2-fun{
		max-width: 50%;
	}
	.news-de-2-f .news-de-2-time{
		font-size: 16px;
	}
	.news-de-2-f .news-de-2-time img{
		margin-right: 8px;
	}
	.news-de-2-f .news-de-2-time .span1{
		padding-right: 15px;
	}
	.news-de-2-f .news-de-2-time .span2{
		padding-left: 12px;
	}
	.newsDe-1-con .text {
	    font-size: 16px;
	    padding: 32px 0 42px 0;
	}
	.news-page .news-page-1 span{
		font-size: 16px;
	}
	.news-page .news-page-1 a{
		font-size: 16px;
	}
	.news-page .news-page-1 a{
		padding: 0 3%;
	}
	.news-page .return {
	    width: 180px;
	    height: 60px;
	    line-height: 60px;
	    font-size: 18px;
	    border-radius: 30px;
		top: 10px;
	}
	.more-news{
		padding-top: 60px;
	}
	.more-a a {
	    width: 200px;
	    height: 60px;
	    line-height: 58px;
	    font-size: 20px;
	    border-radius: 30px;
	}
	.p1 span{
		padding: 0 28px;
		line-height: 54px;
		font-size: 20px;
	}
}

@media (max-width: 991px) {
	.news-page .return{
		width: 160px;
	}
	.news-de-2-f .news-de-2-time{
		width: 100%;
		text-align: center;
	}
	.news-de-2-f .news-de-2-fun{
		max-width: 100%;
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}
	.news-de-2-f .news-de-2-fun .bdsharebuttonbox{
		float: none!important;
		display: inline-block!important;
	}
	.news-de-2-f .news-de-2-fun a{
		vertical-align: top;
		float: none!important;
		display: inline-block!important;
	}
	.news-page {
	    margin: 15px 0 30px 0;
	}
}

@media (max-width: 767px){
	.newsDe-1 {
	    padding: 25px 0 0px 0;
	}
	.newsDe-1 .newDe-h1 {
	    font-size: 18px;
	}
	.newsDe-1 .newsDe-1-con {
	    margin-top: 15px;
	}
	.news-de-2-f {
	    padding: 20px 0 5px 0;
	    line-height: 20px;
	}
	.news-de-2-f .news-de-2-fun a{
		width: 40px;
	}
	.news-de-2-f .news-de-2-fun .switcher-small{
		background-size: 24px auto!important;
	}
	.news-de-2-f .news-de-2-fun .switcher-bigger{
		background-size: 24px auto!important;
	}
	.news-de-2-f .bdshare-button-style0-16 a{
	}
	.news-de-2-f .bdshare-button-style0-16 .bds_sc{
		background-size: 24px auto!important;
	}
	.news-de-2-f .bdshare-button-style0-16 .bds_tsina{
		background-size: 24px auto!important;
	}
	.news-de-2-f .bdshare-button-style0-16 .bds_weixin{
		background-size: 24px auto!important;
	}
	.news-de-2-f .bdshare-button-style0-16 .bds_more{
		background-size: 24px auto!important;
	}
	.news-de-2-f .news-de-2-fun a:after {
		left: -4px;
	}
	.news-de-2-f .news-de-2-fun{
		margin-top: 5px;
	}
	.newsDe-1-con .text {
	    font-size: 14px;
	    padding: 15px 0 15px 0;
	}
	.news-page .return{
		position: relative;
		left: auto;
		top: auto;
		float: right;
		width: 120px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		border-radius: 20px;
		margin-top: 15px;
	}
	.news-page .return img{
		margin-right: 5px;
		width: 16px;
	}
	.news-page .news-page-1{
		width: 100%;
	}
	.more-news {
	    padding-top: 30px;
	}
	.more-a {
	    margin-top: 20px;
	}
	.more-a a {
	    width: 150px;
	    height: 44px;
	    line-height: 42px;
	    font-size: 16px;
	    border-radius: 19px;
	}
	.p1 span{
		padding: 0 24px;
		line-height: 42px;
		font-size: 16px;
	}
}

/*联系我们*/
.contact-1{
	float: left;
	width: 100%;
	margin-top: 82px;
	border-radius: 10px;
	overflow: hidden;
}
.contact-1 .con1-left{
	float: left;
	width: 50%;
	padding: 64px 80px 0 110px;
}
.contact-1 .con1-left .con1-Lt{
	float: left;
	width: 100%;
	font-size: 32px;
	font-weight: bold;
	color: #223e55;
}
.contact-1 .con1-left .con1-Lp{
	float: left;
	width: 100%;
}
.contact-1 .con1-left .con1-Lp ul{
	float: left;
	width: 100%;
	margin-top: 18px;
}
.contact-1 .con1-left .con1-Lp ul li{
	float: left;
	width: 100%;
	padding: 18px 0 20px 70px;
	border-top: 1px dashed #ccc;
	position: relative;
}
.contact-1 .con1-left .con1-Lp ul li:first-child{
	border-top: 0px;
}
.contact-1 .con1-left .con1-Lp ul li span{
	position: absolute;
	left: 0;
	top: 24px;
}
.contact-1 .con1-left .con1-Lp ul li .con1-Lp1{
	font-size: 18px;
	line-height: 24px;
	color: #333;
}
.contact-1 .con1-left .con1-Lp ul li .con1-Lp2{
	font-size: 26px;
	line-height: 35px;
	font-weight: bold;
	color: #223e55;
}
.contact-1 .con1-left .con1-Lp ul li .con1-Lp2 .f-22{
	font-size: 22px;
}
.contact-1 .con1-right{
	float: left;
	width: 50%;
}
.map1{
    float: left;
    width: 100%;
    height: 595px;
	margin-top: 30px;
}
.contact-2{
	float: left;
	width: 100%;
	margin-top: 36px;
	padding: 62px 6.2% 108px 6.2%;
	border-radius: 10px;
	margin-bottom: 100px;
}
.title-ly{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 42px;
	color: #333;
	font-weight: bold;
}
.contact-message-form.ly .contact-me-fo-div1{
	margin-top: 32px;
}
.contact-message-form.ly .contact-me-fo-div1 .contact-me-fo-input1::-webkit-input-placeholder {
	color: #ccc;
}
.contact-message-form.ly .contact-me-fo-div1 .contact-me-fo-input2::-webkit-input-placeholder {
	color: #ccc;
}
.contact-message-form.ly .contact-me-fo-div1 .contact-me-fo-sex span input[type=radio]{
	background: url(../images/contact/radio.png) no-repeat;
	background-size: 100% 100%;
}
.contact-message-form.ly .contact-me-fo-div1 .contact-me-fo-sex span input[type=radio]:checked{
	background: url(../images/contact/radio-on.png) no-repeat;
	background-size: 100% 100%;
}
.contact-message-form.ly .contact-me-fo-div2 .contact-me-fo-input3{
	width: 30%;
}
@media (max-width: 1440px){
	.contact-1 {
	    margin-top: 60px;
	}
	.contact-1 .con1-left {
	    padding: 60px 60px 0 80px;
	}
	.contact-1 .con1-left .con1-Lt {
	    font-size: 24px;
	}
	.contact-1 .con1-left .con1-Lp ul li {
	    padding: 16px 0 16px 60px;
	}
	.contact-1 .con1-left .con1-Lp ul li span img{
		width: 32px;
	}
	.contact-1 .con1-left .con1-Lp ul li .con1-Lp1 {
	    font-size: 16px;
	    line-height: 22px;
	}
	.contact-1 .con1-left .con1-Lp ul li .con1-Lp2 {
	    font-size: 22px;
	    line-height: 30px;
	}
	.contact-1 .con1-left .con1-Lp ul li .con1-Lp2 .f-22 {
	    font-size: 20px;
	}
	.title-ly {
	    font-size: 36px;
	}
	.contact-2 {
	    margin-top: 30px;
	    padding: 48px 4.8% 88px 4.8%;
	    margin-bottom: 80px;
	}
}
@media (max-width: 1199px){
	.contact-1 {
	    margin-top: 40px;
	}
	.contact-1 .con1-left {
		width: 100%;
	    padding: 40px 40px 30px 40px;
	}
	.contact-1 .con1-right {
		width: 100%;
	}
	.contact-1 .con1-right img{
		width: 100%;
	}
	.contact-message-form.ly .contact-me-fo-div1 {
	    margin-top: 0px;
	}
	.contact-2 {
	    margin-top: 20px;
	    padding: 48px 4.8% 48px 4.8%;
	    margin-bottom: 40px;
	}
	.title-ly {
	    font-size: 28px;
	}
}
@media (max-width: 767px){
	.contact-1 {
	    margin-top: 20px;
	}
	.contact-1 .con1-left {
	    padding: 20px 20px 20px 20px;
	}
	.contact-1 .con1-left .con1-Lt {
	    font-size: 18px;
	}
	.contact-1 .con1-left .con1-Lp ul{
		margin-top: 10px;
	}
	.contact-1 .con1-left .con1-Lp ul li {
	    padding: 8px 0 8px 42px;
	}
	.contact-1 .con1-left .con1-Lp ul li span{
		top: 12px;
	}
	.contact-1 .con1-left .con1-Lp ul li span img {
	    width: 28px;
		
	}
	.contact-1 .con1-left .con1-Lp ul li .con1-Lp2 {
	    font-size: 18px;
	    line-height: 24px;
	}
	.contact-1 .con1-left .con1-Lp ul li .con1-Lp2 .f-22 {
	    font-size: 16px;
	}
	.map1 {
	    height: 360px;
	    margin-top: 20px;
	}
	.contact-2 {
	    margin-top: 10px;
	    padding: 20px 4.8% 20px 4.8%;
	    margin-bottom: 20px;
	}
	.title-ly {
	    font-size: 20px;
	}
}

.video-js .vjs-big-play-button {
	display:none;
}






/* 网站地图隐藏 */
/* .server-2-country ul li:nth-child(2)>span>img { display:none!important; } */